jqeury

  • 新手简易jquery轮播思路与代码讲解(对于新手、老手勿喷谢谢!)

    最近身边几位朋友问我js与jquery的问题、其实这个东西很简单不能这么说、只能说做一些小东西很简单、但是很多特效混淆的时候就比较尴尬了。但是今天不讲很难、咱们就做一个每一个网站肯定要用的轮播效果、文章如果有错误欢迎反馈、如果你是一位WEB大佬就别看了、免得看着恶心!谢了。这是给新手入门看看玩玩罢了、真实有千万种写法!勿当真! 首先打开软件、我个人用HBuilder这款软件写WEB、还是挺不错的! 新建项目-名字自取-包含三个文件(js)、(css)、(img)、当然你也可以在html里面直接写内链css和js都是没问题! 然后HTML页面写入内容:代码如下 <html> <head> <title>js轮播</title> <meta charset=”utf-8″ /> <link rel=”stylesheet” type=”text/css” href=”css/js.css” /> <script type=”text/javascript” src=”js/jquery.min.js” ></script> –这里是需要一个jQuery的包的 <script type=”text/javascript” src=”js/lb.js” ></script>–这是咱们js文件夹里面的自己写的js </head> <body> <div id=”lb”>–定义一个框 <a class=”lb1″ href=”https://www.6r6.cc”><img src=”img/4.png” style=”width: 1000px;height:500px ;”></a>–定义图片 <a class=”lb1″ href=”https://www.6r6.cc””><img src=”img/xinbanner00.jpg” style=”width: 1000px;height:500px ;”></a>–定义图片 <a class=”lb1″ href=”https://www.6r6.cc””><img src=”img/xinbanner02.jpg” style=”width: 1000px;height:500px ;”></a>–定义图片 <div class=”btn btn1″><</div>–定义左右按钮(left) <div class=”btn btn2″>></div>–定义左右按钮(right) <ul id=”tabs”>–定义底部 1-2-3的按钮样式 <li class=”tab”>1</li> <li class=”tab”>2</li> <li class=”tab”>3</li> </ul> </div> </body> </html> 上面是一个完整的HTML页面 并且也做了注释!如果你需要直接复制的话请删除掉–xxxx这些东西 因为在HTML页面中注释不是这样的哦!小编在网站上用markdown编辑就懒得写标准了! 然后在css页面新建一个css文件 代码如下: *{ margin: 0 auto; padding: 0; text-decoration: none; list-style: none; } .bg{ background-color: #fff; } #lb{ width:…

    2018年6月14日 0 21 0