图片轮转 编写记录(二)
2014-11-22 15:54
169 查看
在上一篇文章中,我已经成功的写了一个小小的图片轮转效果了。
可是,那图片的轮转效果确实有一点差强人意的。所以我对其进行了修改,适逢我的网页需要用一个大图轮转的效果,所以我就把效果写成大图轮转效果。
因为是大图了,首先应该自己上搜图片吧,简易下载一些较大的图片咯,小的图片拉伸后效果很差,大的图片,缩小了以后,还是勉强可以的。
其实大体上市差不多的,但是这次控制class 而是调用jquery的fadeToggle()函数
先上html代码 <div id="wallpaper">
<ul>
<li><img src="images/image_01.jpg" alt="image.jpg"></img></li>
<li><img src="images/image_02.jpg" alt="image.jpg"></img></li>
<li><img src="images/image_03.jpg" alt="image.jpg"></img></li>
<li><img src="images/image_04.jpg" alt="image.jpg"></img></li>
<li><img src="images/image_05.jpg" alt="image.jpg"></img></li>
</ul>
</div> 然后是css代码
代码下载地址:https://github.com/450570469/ImageFade/
这一次关于图片轮转的研究就先告一段落了。但是还是需要慢慢的坚持研究,学点技术。加油!
可是,那图片的轮转效果确实有一点差强人意的。所以我对其进行了修改,适逢我的网页需要用一个大图轮转的效果,所以我就把效果写成大图轮转效果。
因为是大图了,首先应该自己上搜图片吧,简易下载一些较大的图片咯,小的图片拉伸后效果很差,大的图片,缩小了以后,还是勉强可以的。
其实大体上市差不多的,但是这次控制class 而是调用jquery的fadeToggle()函数
先上html代码 <div id="wallpaper">
<ul>
<li><img src="images/image_01.jpg" alt="image.jpg"></img></li>
<li><img src="images/image_02.jpg" alt="image.jpg"></img></li>
<li><img src="images/image_03.jpg" alt="image.jpg"></img></li>
<li><img src="images/image_04.jpg" alt="image.jpg"></img></li>
<li><img src="images/image_05.jpg" alt="image.jpg"></img></li>
</ul>
</div> 然后是css代码
#wallpaper{ width:100%; } #wallpaper li{ position:absolute; list-style:none; } #wallpaper img{ display:block; height:40.3em; width:100%; }接着就是图片轮转了
jQuery(function($){ $("#wallpaper").slide(); });然后,大概的效果就出来了。
代码下载地址:https://github.com/450570469/ImageFade/
这一次关于图片轮转的研究就先告一段落了。但是还是需要慢慢的坚持研究,学点技术。加油!
相关文章推荐
- 图片轮转 编写记录(一)
- 图像检索服务器编写问题记录——epoll+多线程传输图片时的问题
- 图像检索服务器编写问题记录——用socket传输图片
- 用delphi编写图片播放组件
- 向Word中插入图片,C#编写的生成缩略图程序
- 在SQL 查询分析器中如何将图片插入记录中?
- asp编写用数组操作数据库记录的函数
- 类Matrix编写全记录(1)
- 编写高效记录选定公式的策略
- java编写程序遇到的各种乱码问题记录
- 图片查看软件使用JAVA编写的,比较简单!从书上看下来的,练习使用!
- MX记录获取组件的编写
- 使用“QQ聊天记录专家2007”查看QQ聊天图片案例
- 2004.7.15 [C#学习记录]使用C#编写一个自定义控件(高
- 编写一个Windows服务程序,定时从数据库中拿出记录发送邮件
- 步进电机程序编写过程的记录!
- 轮转图片显示(JS)
- 利用C#,SqlXml技术将NorthWind中的所有记录取出并显示出来(包括员工图片)
- 获取图片地址代码(严格按HTML编写的图片地址)
- 编写了一个提取图片中路径坐标的工具----初学VC++2005