1、网页要加载2个js,也就是jquery,载入的顺序尽量不要调动,否则可能发生错误
2、接着在网页的body内加上以下代码,其中的<div class=”show”></div>是采用css背景图片的方式呼叫出图片,如果习惯用img语法,也可以全部改成img语法输出图片,这样可以简化CSS的部分,但相对的html页面就会比较多代码
3、接着就要准备图片(图片大小为600*450)写CSS
4、写入入第一段的#sider的CSS,对应到HTML的<div id=”slider”>语法中设定了区块的高和宽;接着下方的.show1这边对应的就是<div class=”show1″>
4、需要设定图片轮播的速度与特效,如果特效使用fade,在</head>标签之前加上代码
第5步 回到网页,就会看到特效。
应该在模板里面有个head.tpl 在相应位置添加上滚动的代码,不过每个页面好像就需要自己改动对应的页面了;或者在后台对应的搜索下广告插架应该也有,wordpress这种高度集成的CMS会有很多插件支持的。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)