五.JQuery
庚中
这个作者很懒,什么都没留下…
展开
-
案例:tab栏切换插件
效果:思路:(结构代码在最下方)先自己写一个jQuery-tabs方法(相当于js插件),然后直接调用这个方法. <!--先引入文件和方法--> <script src="jquery-1.12.4.js"></script> <!--//引入自己写的方法-->原创 2018-10-31 18:25:15 · 1351 阅读 · 0 评论 -
案例:非常常用的tab栏切换2
效果:核心代码:自己写了一个方法,需要用的时候直接调用就可以了.方法如下:(function ($) { //给$的fn添加方法 $.fn.tabs=function ( options ) { /* { tabHeads:'tab-menu>li', ...原创 2018-10-31 20:07:47 · 878 阅读 · 0 评论 -
案例:隔行变色JQ版
实现效果如图::html结构代码:<ul id="ul1"> <li>我是第1个li标签</li> <li>我是第2个li标签</li> <li>我是第3个li标签</li> <li>我是第4个li标签</li&原创 2018-10-24 21:33:02 · 378 阅读 · 0 评论 -
案例:五星点评
案例:五星点评效果图:需求分析: 1.鼠标移入li标签,当前li标签和之前的li标签全部变为实心;2.鼠标移开,所有的li标签变为空心;3.鼠标点击li标签,当前li标签和之前的li标签全部变为实心jq代码实现过程: var shiXin="★"; var kongXin='☆' $('li').on('mouseenter...原创 2018-10-30 11:29:59 · 174 阅读 · 0 评论 -
案例:卷帘门的滑入滑出
效果:如果用JQ来做,其实非常简单,核心代码:&lt;script src="jquery-1.12.4.js"&gt;&lt;/script&gt;&lt;script&gt; //jq入口函数简写方法/* $(function ( ) { })*/ //jq入口函数普通方式$(document).ready(function ( ) {原创 2018-11-03 17:11:08 · 450 阅读 · 0 评论