/wheel

原生JS造轮子,支持简单选择符、动画函数、轮播图

Primary LanguageJavaScript

自己尝试用原生JS写点什么

  • 目前这里有一个原生js的轮播图插件 顺便支持支持简易选择符

  • html格式如下:

  <div id="div">
          <div></div>
          <div></div>
          <div></div>
          <div>
              <img src="image/01.jpg">
              <img src="image/02.jpg">
              <img src="image/03.jpg">
          </div>
  </div>
  • JS调用方式如下:

    //可以使用_('.div')、_('div),但是必须保证选取的节点唯一
    _('#div').slide();
  • 支持5个参数,以对象形式传入: ​

    //示例
    _('#div').slide({
      //轮播区域宽高
      widht:'500px',	
      height:'500px',
      //设定是否自动轮播或自动轮播时间(ms)
      autoplay:false,
      dot:true,
      arrow:true
    });
  • 新造animate轮子

//示例 时间上有一些不平滑 函数写的不太好 只能先这样了
_('#div').animate({
  {opacity:1,left:10%}
},1000)
  • jQuery的版本代码比较好看