菜单

hover在IE6下的问题及解决方法

在处理CSS的机制上,拿对伪类:hover的支持来说,IE7+添加了对a以外其它标签的支持,但在IE6下:hover就连对a的支持都不是那么的尽如人意。有的时候为了增加一些简单的动态效果,常常会借助:hover的帮忙,比如我们时常会令鼠标经过链接时改变文字的颜色。 如: a:hover{color:#F00;} <a href ="#">鼠标经过时改变我的颜色</a> 在所有的浏览器中都生效。如果换成这样: a:hover em{color:#F00;} ...

GoogleCode项目JavaScript巧解IE6与IE8兼容性问题

由于目前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 提示 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(); ...

免费网页播放器JWplayer无logo水印

切记要引入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"></...

HTML cellpadding与cellspacing属性介绍及使用

HTML cellpadding与cellspacing属性介绍及使用

单元格(cell) -- 表格的内容 单元格边距(表格填充)(cellpadding) -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间 单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离 上图说明了表格的几个属性,其中黑色部分就是单元格(cell),白色的区域是单元格边距(表格填充),灰色的区域是单元格间距(表格间距)。 <table width="80%" border="1" cellspacing="50%" cellpadding="80"...

jQuery判断div随滚动条滚动到一定位置后停止

<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网页设计流程

响应式web网页设计流程

响应式Web设计(Responsive Web design)的理念是页面的设计与开发应当根据设备环境(屏幕尺寸、屏幕定向、系统平台等)以及用户行为(改 变窗口大小等)进行相应的响应和调整。 具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。 无论用户正在使用pc、平板电脑,或者手机,无论是全屏显示还是非全屏的情况,无论屏幕是横向还是竖向,页面都应该能够自动切换分辨 率、图片尺寸及相关脚本功能等,以适应不同设备。 响应式页面的设计流程 第一步:确定需要兼容的设备类型、屏幕尺寸 ...

兼容IE6/IE7的焦点轮播图插件KinSlideshow

兼容IE6/IE7的焦点轮播图插件KinSlideshow

幻灯片是网站最常使用的网页效果之一,KinSlideshow幻灯片插件非常好用,需要元素结构简单,CSS基本不需要作多改动,只需要设置调用函数,即可实现超炫的轮播效果!兼容IE6/IE7/IE8/IE9,FireFox,Chrome*,Opera的 jQuery. KinSlideshow幻灯片插件,功能很多,基本能满足在网页上使用幻灯片(焦点图)效果。 KinSlideshow默认设置效果代码: jQuery: $(function(){ $("#KinSlideshow").KinSlideshow(); }) ...

jquery删除指定的html标签并保留标签内文本

删除这段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 ...

容易好用的jQuery瀑布流插件Wookmark

Wookmark jQuery插件大致使用position:absolute来重构内容实现瀑布流布局! 下载插件后,在网页中引用插件的JS文件: <script src="jquery-1.8.2.min.js"></script> <script src="jquery.wookmark.min.js"></script> HTML代码结构: <div id="main"> <ul id="tiles"> <li><img src="images/1.jpg"&g...

新浪微博图标和腾讯微博图标视觉素材下载地址

新浪微博图标和腾讯微博图标视觉素材下载地址

腾讯微博开放平台为开发者提供以下标准视觉素材,供开发应用使用。 下载网址:http://wiki.open.t.qq.com/index.php/视觉素材下载 下载方式:进入上面的网址,鼠标移到需要下载的图片素材上方,点击右键,选择“图片另存为...”,保存至本地文件夹即可。 微博提供了下面几种标准的logo、icon、按钮标识,开发者可以下载后使用。 下载地址:http://open.weibo.com/wiki/index.php?title=微博标识 下载方式:进入上面的网址,鼠标移到所需的图片上,点击右键选择“图片另存...

解决expression在Chrome浏览器不能加载css的问题

解决expression在Chrome浏览器不能加载css的问题

先看一段HTML代码,在下边这段代码中,这张图片的宽度未知,我想写在CSS中写一行限制最大宽度为50px: <div id="test"> <img src="/sheji/Files/2011-10/8/93619040.gif" /> </div> Firefox或IE较高的版本可以直接写max-width。在IE的低版本浏览器中,我们可能会写如下的代码: #test img{width: expression(this.width > 50 ? '50px': true); max-width: 50px; } ...