新闻焦点图制作-JS幻灯片轮播移植教程-JS特效jQuery特效JavaScript教程很多前端网页设计者的朋友在制作网页的时候经常需要用到JS幻灯片轮播的切换效果,比如新闻焦点图、首页产品banner幻灯片轮播等等,在这里给大家介绍一下怎么把从网络下载的js幻灯片代码移植到自己的网页界面中来。
工具/原料
1
【大图jQuery多屏首页焦点图源代码下载】http://pan.baidu.com/s/1pJrvV9T
2
【网页制作软件下载】Adobe Dreamweaver最新版:http://pan.baidu.com/s/1l9Vk1
方法/步骤
2
二、分别把css文件夹里面的样式文件、js文件夹里面的js特效文件拷贝到自己站点中对应的文件夹(如果没有就新建)
3
三、通过Dreamweaver或其他编辑器打开index文件,把相关的html代码拷贝到自己页面对应的框架区域,如(下面是我从网上获取的index页面当中幻灯片的有效html有效代码):
4
把以上代码复制粘贴到你的页面中对应的div区域当中
5
同时把下图中红色方框中的代码拷贝
6
粘贴到自己页面中,如下图所示:
7
四、最后就是把相关的图片换成自己的图片啦,如果幻灯片的宽高与你页面的区域不同那就去css样式文件中更改相应的尺寸。
8
以上就是移植js幻灯片代码的简单思路,希望对大家称扬有所帮助,学代码无非就是学习编程的思路,懂得了思路之后我们就容易理解,不管做什么都会很清楚的知道怎么去瞧祝睡一步步实现自己想要的效果。
上一篇:前端开发实现轮播图的开发思想