可点击控制左右滚动图标使幻灯片左右滚动切换DIV+CSS+JQ特效，同时也可以点击焦点进行切换图片。
DIV CSS JS幻灯片特效效果截图
本特效有利于搜索引擎优化的HTML结构代码，图片与特效代码分开。
HTML源代码部分代码：
- <div class="moko-slider">
- <div class="frame">
- <ul>
- <li><a target="_blank" hidefocus="ture" href="javascript:void(0);" title="微信二维码"><img src="images/1.jpg" /></a></li>
- <li><a target="_blank" hidefocus="ture" href="http://www.divcss5.com/" title="DIV+CSS"><img src="images/2.jpg" /></a></li>
- <li><a target="_blank" hidefocus="ture" href="http://www.divcss5.com/css-texiao/" title="CSS特效"><img src="images/3.jpg" /></a></li>
- <li><a target="_blank" hidefocus="ture" href="http://www.divcss5.com/" title="DIV"><img src="images/4.jpg" /></a></li>
- <li><a target="_blank" hidefocus="ture" href="http://www.divcss5.com/" title="CSS"><img src="images/5.jpg" /></a></li>
- <li><a target="_blank" hidefocus="ture" href="http://www.divcss5.com/" title="css+div"><img src="images/6.jpg" /></a></li>
- <li><a target="_blank" hidefocus="ture" href="http://www.divcss5.com/template/" title="css模块"><img src="images/7.jpg" /></a></li>
- </ul>
- </div>
- </div>
此带左右点击和焦点幻灯片特效使用方法：
1、将JS、CSS文件拷贝入您的项目，并正确引入HTML代码中（注意路径正确）
2、将图片图标输出拷贝放置正确
3、拷贝对应特效DIV代码，根据需要增减图片、做上URL等内容即可
在线演示：查看案例
完整特效文件打包下载：
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css-texiao/texiao604.shtml
