- 博客(13)
- 收藏
- 关注
发布五个常用滚动图片合辑,总有一个适合你。
1.(HTML + js)[img]http://dl.iteye.com/upload/attachment/424653/d0b6b227-8a23-30ce-8c80-34683127b3b5.jpg[/img]2.(HTML + js)[img]http://dl.iteye.com/upload/attachment/424655/c3d53187-1d33-37...
2011-02-24 20:21:39
125
CSS 基本选择器
在CSS的3个组成部分中,“对象”是很重要的,它指定了对哪些网页元素进行设置,因此,它有一个专门的名称 —— 选择器(selector)。 选择器是CSS中很重要的概念,所有HTML语言中的标记样式都是通过不同的CSS选择器进行控制的。用户只需要通过选择器对不同的HTML标签进行选择,并赋予各种样式声明,即可实现各种效果。 基本选择器有[url=http://www.xue...
2011-02-16 16:46:07
178
转载 CSS 基本选择器
在CSS的3个组成部分中,“对象”是很重要的,它指定了对哪些网页元素进行设置,因此,它有一个专门的名称 —— 选择器(selector)。 选择器是CSS中很重要的概念,所有HTML语言中的标记样式都是通过不同的CSS选择器进行控制的。用户只需要通过选择器对不同的HTML标签进行选择,并赋予各种样式声明,即可实现各种效果。 基本选择器有标记选择器、类别选择器和ID选择器3种,下面分别介绍。1. 标记选择器 一个HTML页面由很多不同的标记组成,而CSS标记选择器就是声明哪些标记采用哪种CSS样式。
2011-02-16 16:29:00
420
原创 jquery 滚动条动态图片加载(模拟淘宝商城图片加载)
用 jquery 制作随着显示页面的滚动条的滚动动态加载图片,适用于图片太多的页面,在访问网页时,可以先只加载第一屏要显示的图片,当用户进行向下滚动查看页面的时候,动态去加载这些图片,好处是减少页面第一次显示的流量,加快页面第一屏显示的速度。 主要原理:通过 setInterval 定时事件,检测滚动条的位置,再进行 ajax 请求服务端数据,加载图片到页面上。 现有 淘宝商城,3366等网站都有应用。 主要演示代码如下:
2011-02-11 14:20:00
606
原创 CSS 各种方式的优先级问题
上面的4个小节分别介绍了CSS控制页面的4种不同方法,各种方法都有其自身的特点。这4种方法如果同时运用到同一个HTML文件的同一个标记上,就会出现优先级的问题。如果在各种方法中设置的属性不一样,例如内嵌式设置字体为宋体,行内式设置颜色为红色,那么显示结果会让二者同时生效,为宋体红色字。但当各种方法同时设置一个属性时,例如都设置字体的颜色,情况就会比较复杂,如下所示。 首先创建两个CS...
2011-02-10 14:52:51
256
jquery animate图片模向滑动示例
jquery animate() 用于创建自定义动画的函数。这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性(如"height"、"top"或"opacity")。 注意:所有指定的属性必须用骆驼形式,比如用marginLeft代替margin-left. 而每个属性的值表示这个样式属性到多少时动画结束。如果是一个数值,样式属性就会从当前的值渐变...
2011-01-24 10:29:22
144
jquery 滚动条动态图片加载(模拟淘宝商城图片加载)
用 jquery 制作随着显示页面的滚动条的滚动动态加载图片,适用于图片太多的页面,在访问网页时,可以先只加载第一屏要显示的图片,当用户进行向下滚动查看页面的时候,动态去加载这些图片,好处是减少页面第一次显示的流量,加快页面第一屏显示的速度。 主要原理:通过 setInterval 定时事件,检测滚动条的位置,再进行 ajax 请求服务端数据,加载图片到页面上。 现有 淘宝...
2011-01-19 09:41:29
191
php 常用的两个设计模式
[b]1. 工厂模式[/b] 工厂模式提供了一个在实时状态下实例化对象的机制。[code="php"][/code] 运行结果如下图所示:[img]http://www.xuekaifa.com/img/2010/1213/1d69ee39.jpg[/img] [b]2. 单例模式[/b] 单例模式在确保只有一个实例运行时使用,也可以用来防止类通...
2011-01-07 14:41:35
111
HTML5中文手册 + CSS3中文手册【下载】
HTML5提供了一些新的元素和属性,例如(网站导航块)和。这种标签将有利于搜索引擎的索引整理,同时更好的帮助小屏幕装置和视障人士使用,除此之外,还为其他浏览要素提供了新的功能,如和标记。 CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。CSS就是一种叫做样式表(...
2010-12-29 10:39:57
545
原创 用JavaScript实现一个页面两份样式表
样式表可以对页面的样式进行定义,进而使页面能够呈现出不同的表现形式。本节实例给出了用JavaScript实现一个页面两份样式表的实现方法,这样一个页面可以选择不同的样式内容。 本节代码主要使用了onMouseOver事件和src属性,主要功能和用法如下: • 当鼠标单击页面的标签时,onClick事件会被触发。该事件可以调用相应的函数,作为其事件处理函数。在函数中,可以是任意合法
2010-12-27 11:41:00
300
原创 JavaScript 图片轮播
一个用 JavaScript 实现的图片轮播效果,兼容各种浏览器(IE、Firefox、Chrome),体积小,不压缩也只有 10kb,调用方便,比一般的 flash 轮播效果更省资源,更快的加载速度。 示例:页面中已经存在名为imgPlayer(或者别的ID也行)的节点。Code: PImgPlayer.addItem( "test", "http:
2010-12-27 11:28:00
382
原创 利用搜索引擎引用高亮页面关键字
当在使用大多数的网页搜索引擎的“网页快照”功能时,都会在返回的快照页面中加入关键字高亮的功能。这将非常方便查找网页中被检索的内容,其中 google 快照的关键字高亮还融入了分词功能,不同的词以不同的颜色显示。可是由于其他的原因,google 的网页快照非常的不稳定,那么就需要自己加上这个关键字的高亮功能。 本节代码主要使用了 onLoad 事件、document.referrer 属
2010-12-27 11:22:00
363
JavaScript 图片轮播
一个用 JavaScript 实现的图片轮播效果,兼容各种浏览器(IE、Firefox、Chrome),体积小,不压缩也只有 10kb,调用方便,比一般的 flash 轮播效果更省资源,更快的加载速度。 示例: 页面中已经存在名为imgPlayer(或者别的ID也行)的节点。[code="java"]PImgPlayer.addItem( "test", "http://w...
2010-12-27 10:11:02
105
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人