`
davinci_2012
  • 浏览: 13278 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论
文章列表
1.(HTML + js) 2.(HTML + js) 3.(HTML + jquery + js) 4.(HTML + js) 5.(HTML + jquery + js) 下载地址在附件中: jiaodiantu.rar 转载地址:http://www.xuekaifa.com/article/20110224/000441.html
  在CSS的3个组成部分中,“对象”是很重要的,它指定了对哪些网页元素进行设置,因此,它有一个专门的名称 —— 选择器(selector)。   选择器是CSS中很重要的概念,所有HTML语言中的标记样式都是通过不同的CSS选择器进行控制的。用户只需要通过选择器对不同的HTML标签进行选择,并赋予各种样式声明,即可实现各种效果。   基本选择器有标记选择器、类别选择器和ID选择器3种,下面分别介绍。   1. 标记选择器   一个HTML页面由很多不同的标记组成,而CSS标记选择器就是声明哪些标记采用哪种CSS样式。因此,每一种HTML标记的名称都可以作为相应的标记选择器的名称。例如P ...
  上面的4个小节分别介绍了CSS控制页面的4种不同方法,各种方法都有其自身的特点。这4种方法如果同时运用到同一个HTML文件的同一个标记上,就会出现优先级的问题。如果在各种方法中设置的属性不一样,例如内嵌式设置字体为宋体,行内式设置颜色为红色,那么显示结果会让二者同时生效,为宋体红色字。但当各种方法同时设置一个属性时,例如都设置字体的颜色,情况就会比较复杂,如下所示。   首先创建两个CSS文件,其中第一个命名为red.css,其内容为: p { color:red; }   第2个命名为green.css,其内容为: p { color:green; }   这两个 ...
  jquery animate() 用于创建自定义动画的函数。这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性(如"height"、"top"或"opacity")。 注意:所有指定的属性必须用骆驼形式,比如用marginLeft代替margin-left. 而每个属性的值表示这个样式属性到多少时动画结束。如果是一个数值,样式属性就会从当前的值渐变到指定的值。如果使用的是"hide"、"show"或"toggle"这样的字符串值 ...
  用 jquery 制作随着显示页面的滚动条的滚动动态加载图片,适用于图片太多的页面,在访问网页时,可以先只加载第一屏要显示的图片,当用户进行向下滚动查看页面的时候,动态去加载这些图片,好处是减少页面第一次显示的流量,加快页面第一屏显示的速度。   主要原理:通过 setInterval 定时事件,检测滚动条的位置,再进行 ajax 请求服务端数据,加载图片到页面上。   现有 淘宝商城,3366等网站都有应用。   主要演示代码如下: <script type="text/javascript"> var iHeight = 0; var iTop ...
  1. 工厂模式   工厂模式提供了一个在实时状态下实例化对象的机制。 <?php class creditCardProcessor { public static function factory($provider) { switch ($provider) { case 'Verisign': //include "Verisign.php"; echo 'Verisign.php'; br ...
  HTML5提供了一些新的元素和属性,例如<nav>(网站导航块)和<footer>。这种标签将有利于搜索引擎的索引整理,同时更好的帮助小屏幕装置和视障人士使用,除此之外,还为其他浏览要素提供了新的功能,如<audio>和<video>标记。   CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。CSS就是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表(CascadingStylesheet)。CSS ...
  一个用 JavaScript 实现的图片轮播效果,兼容各种浏览器(IE、Firefox、Chrome),体积小,不压缩也只有 10kb,调用方便,比一般的 flash 轮播效果更省资源,更快的加载速度。   示例:   页面中已经存在名为imgPlayer(或者别的ID也行)的节点。 PImgPlayer.addItem( "test", "http://www.test.com", "http://www.test.com/images/wy.jpg"); PImgPlayer.addItem( "test2& ...
Global site tag (gtag.js) - Google Analytics