这个博客已经过去了很久……

不过,你可以通过以下方式找到我

现在的位置: 首页 > 谈前端 > JavaScript > 正文
一个原生js写的slide焦点图插件
2013年12月20日 JavaScript ⁄ 共 1013字 等你评论

分享一个原生js焦点图插件,带上下翻页按钮,大小缩略图,已经封装完成,以下是相关参数配置:

  1. <script src="http://m.alicdn.com/promotion/2013/12/00/js/min_yunos_tab_phone-1-0-0.js" ></script>  
  1. <script type="text/javascript">  
  2. //焦点图初始化  
  3. featuredcontentslider.init({  
  4.     id: "yunosphone"//指定ID  
  5.     contentsource: ["inline"""], //有效值: ["inline", ""] 嵌入html or ["ajax", "path_to_file"] 嵌入utf-8文件  
  6.     toc: "scroll"//有效值: "#increment" 标记序号, "markup", ["markup1", "markup2", etc]标记具体内容  
  7.     nextprev: [""""], //next_pre标记 ,如:"上一条" "下一条",设置为 "" 为不出现  
  8.     revealtype: "mouseover"//鼠标事件有效值: “click” or “mouseover”  
  9.     enablefade: [false, 0.15], // 切换褪色度 “true”or “false”  
  10.     autorotate: [true, 3500], // 切换停留时间 “true”or “false”  
  11.     delay: 0, //事件延迟时间(默认值:0,单位:ms)  
  12.     //playtab: 4, 默认的播放舌签  
  13.     onChange: function(previndex, curindex){ //触发处理;previndex 触发处理上一个记录; curindex 触发处理上一个记录 可以自定义函数控制  
  14. }  
  15. });  
  16. </script>  

 

slide  效果

js插件地址:http://m.alicdn.com/promotion/2013/12/00/js/min_yunos_tab_phone-1-0-0.js

友荐云推荐
×