实现点击返回网页顶部功能jQuery代码
html代码: <p id="back-to-top"> <a href="#top"><span></span>返回顶部</a> </p> 其中a标签指向锚点top,可以在顶部添加一个<a name="top"></a>的锚点,这样在浏览器不支持js时也可以实现返回顶部的效果了。 返回顶部按钮显示在右侧,CSS代码: /*returnTop*/ p#back-to-top{ position:fixed; display:none...
html代码: <p id="back-to-top"> <a href="#top"><span></span>返回顶部</a> </p> 其中a标签指向锚点top,可以在顶部添加一个<a name="top"></a>的锚点,这样在浏览器不支持js时也可以实现返回顶部的效果了。 返回顶部按钮显示在右侧,CSS代码: /*returnTop*/ p#back-to-top{ position:fixed; display:none...
下拉选择后,当前页面直接跳转: <select name="qq" onchange="javascript:location.href=this.value;"> <option selected="selected" >友情链接</option> <option value="http://neirong.org" selected="selected" >资源共享1</option> <option value="http://neirong.org" selected="selected" >...
jQuery 嵌套的过滤器 过滤器可以有效对结果集就行过滤,最终得到我们想要的结果。例如下面代码就把结果集中包含有类 .selected 的元素给过滤掉了: .filter(":not(:has(.selected))"); jQuery 缓存选择器结果集 把结果集保存在变量中缓存下来,重用时就无需再次用选择器去选择了。 var allItems = $("div.item"); var keepList = $("div#container1 div.item"); 小邪 注: 使用 “jQuery 缓存选择器结果集” 的时候如果一...
侧边栏随滚动条上下滚动,始终固定在一个位置的功能,现在很多网站和博客都有这个功能,部分购物网站用这个功能放购物车或商品分类导航,使产品页面很长的时候,侧边栏能始终固定发挥它应有的作用,有的网站用这个功能来边栏的广告。 jQuery代码: var rollSet = $('#Roll');// 检查对象,#sidebar-tab是要随滚动条固定的ID,可根据需要更改 var offset = rollSet.offset(); $(window).scroll(function () { // 检查对象的顶部是否在游览器可见的范围内 var scrollT...
绝对定位(position:absolute;)的相邻元素margin-top失效,但如果相邻元素(layer3)去掉width属性,margin-top又会生效,首先我们来看一个代码: <div id="layer1″ style=”margin:20px; border:1px solid #F88; width:400px;"> <div id="layer2" style="position:absolute; background-color:#ccc;"> Absolute (layer2) </div> &...
animate是jq的一个特效的函数方法,animate() 方法执行 CSS 属性集的自定义动画。 该方法通过CSS样式将元素从一个状态改变为另一个状态。 CSS属性值是逐渐改变的,这样就可以创建动画效果。 只有数字值可创建动画(比如 "margin:30px")。 字符串值无法创建动画(比如 "background-color:red")。 $('#shang').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); 表示滚动条跳到0的位置,...
在处理CSS的机制上,拿对伪类:hover的支持来说,IE7+添加了对a以外其它标签的支持,但在IE6下:hover就连对a的支持都不是那么的尽如人意。有的时候为了增加一些简单的动态效果,常常会借助:hover的帮忙,比如我们时常会令鼠标经过链接时改变文字的颜色。 如: a:hover{color:#F00;} <a href ="#">鼠标经过时改变我的颜色</a> 在所有的浏览器中都生效。如果换成这样: a:hover em{color:#F00;} ...
由于目前IE6.0还是使用人比较多的浏览器(国内盗版猖獗),我们可以用一段JS调用解决IE6-IE8的兼容性问题,这是调用的一个在GoogleCode上的项目,速度快又不占用您的带宽。 如果是IE7 <!--[if lt IE7]> <scriptsrcscriptsrc=”http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js”type=”text/javascript”></script> <![endif]--> 如...
PHP 提示 Creating default object from empty value 的问题,一般是由于PHP版升级的原因,PHP 5.4 以上的版本一般会报这个错误。 解决方法是找到报错的位置然后看哪个变量是没有初始化而直接使用的,将这个变量先实例化一个空类。如: $ct = new stdClass(); 修改文件相应代码,如: if ( ! isset( $themes[$current_theme] ) ) { delete_option( 'current_theme' ); $current_theme = get_current_theme(); ...
切记要引入jqplayer.js和jwplayer.html5.js文件,两个文件都在压缩包里,在文章末点击下载。 HTML代码: <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="jwplayer.js"></script> <script type="text/javascript" src="jwplayer.html5.js"></...
单元格(cell) -- 表格的内容 单元格边距(表格填充)(cellpadding) -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间 单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离 上图说明了表格的几个属性,其中黑色部分就是单元格(cell),白色的区域是单元格边距(表格填充),灰色的区域是单元格间距(表格间距)。 <table width="80%" border="1" cellspacing="50%" cellpadding="80"...
<script type="text/javascript"> var rollSet = $('#widget'); var offset = rollSet.offset(); var fwidth = $("#footer").height(); $(window).scroll(function() { var scrollTop = $(window).scrollTop(); var scrollBtm = $(document).height() - $(window).scrollTop() - $("#wid...