Jquery幻灯片特效代码分享-打开页面随机选择切换模式(3)

本文主要介绍jQuery实现的幻灯片焦点图，可以实现炫目时尚的幻灯片效果，具有很大的实用价值。基本可以满足网页上使用幻灯片(焦点图)的效果，有需要的朋友可以参考一下

幻灯片效果说明：与前两节不同，这个特效可以打开页面，随机选择切换模式(方向)。运行效果截图如下：

具体代码如下

hearteta http-equiv=' Content-Type ' Content=' text/html；Charset=gb2312' /titleJquery幻灯片焦点图插件/title脚本src=' http 3360 js/Jquery-1.4 a2 . min . js ' type=' text/JAVAScript '/script script src=' http 3360 js/Jquery。-1 . 2 . 1 . min . js ' type=' text/JavaScript '/script script type=' text/JavaScript '/打开页面，随机选择切换模式(方向)。如果你害怕增加KinSlideshow.js文件，就不会在里面写随机切换。//如果需要，前面随意写也是一样的。而且还可以只修复哪种随机切换。var moveStyle var rand=parsent(math . random()* 4)switch(rand){ case 0: moveStyle=' left '；打破；case 1: moveStyle=' right打破；case 2: moveStyle=' down打破；case 3: moveStyle=' up打破；} $(function(){ $(' # Kinslideshow 1 '))。金斯利德肖({ movestyle : movestyle })；})/script style type=' text/CSS ' # Kinslideshow { overflow : hidden；宽度width:600px高度：300 px；}/style/head dyh 2打开页面，随机选择切换模式(方向)-刷新并查看_/H2 div id=' kins lide show 1 ' style=' visibility : hidden；'a target=' _ blank ' img src=' http : images/11 . png ' alt=' Jquery幻灯片聚焦图插件' width=' 600 ' height=' 300 '/a target=' _ blank ' img src=' http 3360 images/23 . png ' alt=' Jquery幻灯片聚焦图插件' width=' 600 ' height=' 300 '/a target=' _ blank ' img src=' http p3p 5.jpg' alt='Jquery slide focus map插件' width=' 600' height=' 300 '/a a target=' _ blank ' img src=' http : images/22 . png ' alt=' Jquery slide focus map插件' width=' 600 ' height=' 300 '