Jun152013
随滚动条滑动而滑动的DIV层(固定在网页顶部不随浏览滚动而消失的DIV层)
最近浏览网页时看到一个比较不错的做法,就是网页的某一块在随浏览器滚动快要消失的时候会浮动在页面上,页面还可以继续往上翻滚,但比较突出的那一块一直贴在浏览器的顶部,比如拖拉网,美丽说的顶部导航条就是这种效果,自我感觉这种效果还是比较贴心的,于是乎自己钻研了下,也写了这样一种效果,现在将代码贴在下面和大家分享。
/*
*滚动条滑动,位置不变的DIV层
*div_id:DIV的ID...阅读全文
抢沙发
Jun112013
setTimeout不支持$(this)等其他jquery选择器的解决办法
今天在写一个js延时事件的时候发现在setTimeout这个方法里面使用jquery的$(this)竟然不起作用,各种测试,最后得出结论是setTimeout内不支持jquery的选择器。于是请教了一下QQ上做jquery开发的高手,马上就把这问题解决了,在这里记录一下。
下面是作者做延时处理时的js代码:
$('.dl_select dt').hover(
function(){
clearTimeout(t3);
$(this).siblings('dd').css({'display':...阅读全文
Jun102013
右下角弹出广告 js,漂浮效果(兼容多浏览器)
分享非常不错的一个使用 JavaScript 实现的可最小化,可关闭的右下角浮动广告窗效果,可以随滚动条的滚动而自行滚动保持在右下角的固定位置。基本上兼容了所有的浏览器(包括IE 火狐 谷歌浏览器 苹果浏览器)!下面先上效果图(效果图其实可以直接参看本站的右下角广告就是了,O(∩_∩)O~):
右下角弹出漂浮广告效果(兼容多浏览器)具体代码如下( js 压缩过了,如果需要研究里面的 js 源...阅读全文
May312013
readonly、disabled、display、visible的区别
css样式设置中有几个功能相同但表现形式却略有差异的属性,今天在通过js更改对象的样式属性的时候就发现display和visible这两个貌似相同,其实还是有些区别的,这里顺便也把看到的readonly和disabled的区别也分享一下。
display和visible的区别:
(1)首先说明的是display:none和visible:hidden都能够实现将网页上某个元素隐藏起来。
(2)如果在样式文件或页面文件代码中直接用display:n...阅读全文
May242013
jquery下拉菜单效果(超简洁实用,兼容IE和firefox等主流浏览器)
分享一个利用jquery实现的下拉菜单效果,代码简洁易修改。这里使用jquery分别实现了两种下拉菜单的效果,其实原理是一样的,经测试是兼容IE,火狐等各大主流浏览器的。下面贴一下这个下拉菜单的效果图。
jquery下拉菜单效果一:
jquery下拉菜单效果二:
下面将效果一的代码贴一下,如果需要效果二的代码的话,可以自己修改或者在下面下载源码即可。
<html xmlns="http://www.phpern...阅读全文
May232013
May232013
May232013
网页缓存Js,css以及图片导致页面刷新无效果的三种解决办法
网页缓存Js,css以及图片导致页面刷新无效果的三种解决办法,如下:
方法一(php页面添加):
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Cache-Control: no-cache, must-revalidate");
header("Pragma: no-cache");
方法二(html的head块中):
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, mu...阅读全文
May232013
JS如何操作css中float属性写法
我们都知道使用js操作css属性的写法是有一定的规律的,对于没有中划线的css属性一般直接使用 style.属性名 即可,如:obj.style.margin,obj.style.width,obj.style.left,obj.style.position 等。对于含有中划线的css属性,将每个中划线去掉并将每个中划线后的第一个字符换成大写即可。如:obj.style.marginTop,obj.style.borderLeftWidth,obj.style.zIndex,obj.style.fontFamily等。...阅读全文
May232013