绝对定位（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的位置，...
DirectAdmin空间控制面板很简洁，但功能并不简单。但由于界面布局的不同，所以习惯使用Cpanel空间控制面板和新手都不知道怎么使用。所以客户常问DA面板下怎么打包上传，然后怎么解压文件。 登陆DA面板后主界面，点击“文件管理器”，如果空间下只有一个站点，就直接点击“public_html"进入该目录，在窗口底部点击“上传文件到当前文件夹”，点击其中一个“浏览”，选择在本地（你的电脑）的压缩包，然后再点击“上传文件”，等待压缩包上传完毕后，再次进入“public_html”目录，这时该目录中多了一个文件，便是你上传的压缩包。 文件列表中，该压缩包文件名后面有...
在处理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(); ...
步骤一：带水印的图片 步骤二：矩形选框工具（或套索工具）划出水印选区 按住鼠标右键，然后拖动到想要的大小，如果要拖出来一个正方形，那么按住Shift键拖动鼠标，如果要同时去掉两处或多处水印，划出一个选区后，按住Ctrl键，然后再画一个选区 就可以 步骤三：去除水印 按快捷键Shift+F5，弹出一个填充窗口（Photoshop版本太低的话，按Shift+F5跳出来的不是填充窗口，那么在工具栏——编辑——填充） 在“使用”中，选择内容识别，然后点击确定即可，水印去除完...
切记要引入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(); }) ...