侧边栏随滚动条上下滚动，始终固定在一个位置的功能，现在很多网站和博客都有这个功能，部分购物网站用这个功能放购物车或商品分类导航，使产品页面很长的时候，侧边栏能始终固定发挥它应有的作用，有的网站用这个功能来边栏的广告。 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...
响应式Web设计(Responsive Web design)的理念是页面的设计与开发应当根据设备环境（屏幕尺寸、屏幕定向、系统平台等）以及用户行为（改 变窗口大小等）进行相应的响应和调整。 具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。 无论用户正在使用pc、平板电脑，或者手机，无论是全屏显示还是非全屏的情况，无论屏幕是横向还是竖向，页面都应该能够自动切换分辨 率、图片尺寸及相关脚本功能等，以适应不同设备。 响应式页面的设计流程 第一步：确定需要兼容的设备类型、屏幕尺寸 ...
幻灯片是网站最常使用的网页效果之一，KinSlideshow幻灯片插件非常好用，需要元素结构简单，CSS基本不需要作多改动，只需要设置调用函数，即可实现超炫的轮播效果！兼容IE6/IE7/IE8/IE9,FireFox,Chrome*,Opera的 jQuery. KinSlideshow幻灯片插件，功能很多，基本能满足在网页上使用幻灯片(焦点图)效果。 KinSlideshow默认设置效果代码： jQuery： $(function(){ $("#KinSlideshow").KinSlideshow(); }) ...
删除这段html代码里面的一对<p>标签，但是要保持里面的内容不被删除： <p>大家好，欢迎来到neirong.org<a href="http://neirong.org">资源共享</a></p> jQuery代码： <script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script> <script ...