| 网站建设 下载中心 社区论坛 信息公告 MY小屋 |
![]() |
联系我们 设为首页 加入收藏 |
注:打开慢时请稍等
漂亮的Slider效果类终于封装成功日期:2007-2-9 13:48:19 来源:iyit.net录入 点击: |
电信线路:http://dx.somany.net/slider.htm]http://dx.somany.net/slider.htm[/url] 网通线路:http://wt.somany.net/slider.htm]http://wt.somany.net/slider.htm[/url] Slider类的功能说明: [color=Blue]1、可以控制任何一个页面上存在的div 2、slider在滑动的同时还可以实现透明度的变化,整个过程更平滑、更美观 3、可控性强,通过多个参数实现不同大小的div不同方向、不同速度的滑动 4、调用方便,一句话即可初始化,slider的隐现控制更为简单,详情参见代码例子 关于Slider类实现过程的说明: 有感于现在的网站经常使用所谓Web2.0模式的div隐现效果,前一段自己在网页上要实现一个,尝试成功后又想封装一个类方便以后使用,也可以开放给大家使用,刚好还可以学习一下javascript的类编程方法(兄弟以前一直用微软的东西,对javascript不熟),过程当中遇到一点问题,就在51js上面发了一个帖子求助,本来也没有报太大希望,结果得到了caudex和he1a2s0两位朋友的讲解和帮助,顺利解决了问题,再次对二位表示衷心得感谢,当然顺便也要感谢一下FlyKing这位大侠的不屑和讥讽,因为这也给了我莫大的动力。 好了,废话不说,尽管我的实现方法肯定不是最好的,甚至比较原始和笨拙,但毕竟是实现了,拿出来奉献给大家,有看的上的就用一下吧。或者有更好方法的也给指教一下,我的邮箱douwenming@gmail.com,欢迎联系。 [code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <STYLE> body { background-color: #EEEEEE; margin: 0px; text-align: center; } #wrap { width: 736px; background-color: #FFFFFF; overflow: hidden; margin: 12px; padding: 12px; } #topcontainer { height: 80px; width: 732px; background-color: #99FF66; border: 1px solid #79F200; } #bodycontainer { height: 400px; width: 100%; margin-top: 12px; } #bottomcontainer { height: 60px; width: 100%; margin-top: 12px; } #topwrap { width: 100%; } #leftcontainer { background-color: #99FF66; height: 400px; width: 120px; float: left; border: 1px solid #79F200; } input { background-color: #99FF66; 编辑: [发送给好友] [打印本页] [关闭窗口] [返回顶部] 上一篇:用Visual Basic制作安装程序 下一篇:没有了 转载请注明来源:www.iyit.net 特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。 |
| 最新更新 | 热点排行 | 推荐新闻 | |||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
|
|||||||||||||||||||||||||||||||||||||||||||||||||||
| 设置首 页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接 |
| |||||||