插件描述：网站常用效果插件库简单调用，通过元素属性即可调用效果，无需编写JS代码
1 2 3 4 5 6 7 8 9 10 11 | 页面meta设置HTML使用方法:是否启用Ie6提示：<meta name="ie6Prompts" content="true" />是否禁用鼠标右键：<meta name="rightMouseButton" content="true" />是否启用返回顶部按钮：<meta name="toTop" content="true" />是否启用版权信息：<meta name="Copyright" content="true" />是否启用双击滚屏：<meta name="DClickScrolling" content="true" />是否启用网站变灰：<meta name="GrayPage" content="true" />是否开启网站维护中提示灰：<meta name="Egis" content="true" /> |
1 2 3 4 5 6 7 8 9 10 | 截取字符串HTML使用方法:<img dsh="limit" num="10" ></li> JS使用方法$('div,p,li,span...').limit('8'); |
1 2 3 4 5 6 7 8 | 等比例缩放图片HTML使用方法:<p dsh="imgAuto" width="80" height="100" > <img src="..."></li> </p> JS使用方法$('img,div img,p img,li img,span img...').imgAuto(80,100); |
1 2 3 4 5 6 7 8 9 10 11 12 | 获取系统时间HTML使用方法:<div dsh="time" wel="欢迎光临，今天是：">正在加载...</div> <input type="text" dsh="time" value="正在加载..."> JS使用方法div等元素：setInterval(function(){$('div]').eq(i).GetTime('欢迎光临，今天是：','1');},1000);文本框：setInterval(function(){$('input').GetTime('','1','input')},1000); |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | Tab菜单切换HTML使用方法:<div dsh="tab" event="click"> <div switchtab> <a tab>a</a> <a tab>b</a> <a tab>c</a> </div> <div switchblock> <p block>a</p> <p block>b</p> <p block>c</p> </div> </div>JS使用方法$('div').tab('切换菜单标签','菜单选中样式','被切换标签容器','被切换标签','事件：click/hover'); |
1 2 3 4 5 6 7 8 9 10 | 设为首页加入收藏HTML使用方法:<div dsh="sc"></div> JS使用方法$('img,div img,p img,li img,span img...').tool('设为首页','间隔内容','加入收藏'); |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | 文章列表格行换色HTML使用方法:<ul dsh="icc"> <li listtag>演示文字：从前有坐山，山有有坐庙，庙里有个插件。</li> <li listtag>演示文字：从前有坐山，山有有坐庙，庙里有个插件。</li> <li listtag>演示文字：从前有坐山，山有有坐庙，庙里有个插件。</li> <li listtag>演示文字：从前有坐山，山有有坐庙，庙里有个插件。</li> <li listtag>演示文字：从前有坐山，山有有坐庙，庙里有个插件。</li> </ul> <style> .icc li.focusstyle{ background:#0CF;} .icc li.basestyle{ background:#FF9;} .icc li.evenstyle{ background:#CF9;} </style>JS使用方法$('img,div img,p img,li img,span img...').arlist('列表项标记','焦点行样式','偶数行样式','基数行样式'); |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | 创建在线QQHTML使用方法:<em dsh="qq" qq="1594125370,1"></em> <em dsh="qq" qq="1594125370,2"></em> <em dsh="qq" qq="1594125370,3"></em> <em dsh="qq" qq="1594125370,4"></em> <em dsh="qq" qq="1594125370,5"></em> <em dsh="qq" qq="1594125370,6"></em>JS使用方法$('div,p,li,span...').qq('QQ号','样式编号（1-17，41-50）'); |
1 2 3 4 5 6 7 8 9 10 | 关闭浏览器窗口HTML使用方法:<a dsh="closewindow">关闭窗口</a> JS使用方法$('div,p,li,span...').click(function(){$.colsewindow()}); |
1 2 3 4 5 6 | 获取URL中的参数值JS使用方法RequestQueryString['i']; |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | 左右无缝滚动HTML使用方法:<div dsh="roll"> <img src="Images/test.jpg" width="60" /> <img src="Images/test.jpg" width="60" /> <img src="Images/test.jpg" width="60" /> <img src="Images/test.jpg" width="60" /> </div>JS使用方法$('div,p,li,span...').roll(); |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | 滚屏效果上下（带控制）HTML使用方法:<div dsh="rollTop" line="4" speed="200" timer="3000"> <div btnt>上上上</div> <div roll style="height:100px; overflow:hidden;"> <ul> <li>从前有坐山，山有有坐庙，庙里有个插件。</li> ... </ul> </div> <div btnb>下下下</div> </div>JS使用方法$('div,p,li,span...').rollTop({line:滚动行数,speed:速度,timer:时间间隔,up:"上按钮",down:"下按钮"}); $('div,p,li,span...').rollTop({line:滚动行数,speed:速度,timer:时间间隔}); |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | 滚屏效果（滚屏效果左右（带控制））HTML使用方法:<div dsh="rollLeft" RollRow="滚动列数" DisplayRow="显示列数" SwitchBigImg="大图切换（*[bigImgObj]）不需要（false）" Title="大图切换标题（*[bigtitle]）不需要（false）" Time="自动滚动间隔时间为0则不自动滚动"> <!--注意：SwitchBigImg和Title属性为大图元素和大图标题元素，如果不需要大图切换将其值写为false--> <div class="bigimg"> <img bigImgObj width="300" height="200">//不需要时直接去掉即可<p bigtitle>标题</p>//不需要时直接去掉即可</div> <div class="list"> <div class="bn bnl" btnl>左</div> <div class="bn bnr" btnr>右</div> <div class="roll" roll> <ul> <li title="标题一"><img src="Images/TestImg/01.jpg" bigSrc="Images/TestImg/01.jpg">标题一</li> <li title="标题二"><img src="Images/TestImg/02.jpg" bigSrc="Images/TestImg/02.jpg">标题二</li> <li title="标题三"><img src="Images/TestImg/03.jpg" bigSrc="Images/TestImg/03.jpg">标题三</li> <li title="标题四"><img src="Images/TestImg/04.jpg" bigSrc="Images/TestImg/04.jpg">标题四</li> <li title="标题五"><img src="Images/TestImg/05.jpg" bigSrc="Images/TestImg/05.jpg">标题五</li> <li title="标题六"><img src="Images/TestImg/06.jpg" bigSrc="Images/TestImg/06.jpg">标题六</li> </ul> </div> </div> </div>JS使用方法$('滚动层').rollLeft({RollRow:滚动列数,DisplayRow:显示列数,Left:'左按钮',Right:'右按钮',Time:自动滚动间隔时间为0则不自动滚动,SwitchBigImg:'切换的大图对象',Title:'切换的标题对象'}); |
1 2 3 4 5 6 | 简易提示层JS使用方法$.topPrompt(宽,高,'提示内容'); |
1 2 3 4 5 6 7 8 9 10 | 插入flashHTML使用方法:<img src="..." dsh="imgAuto" maxWidth="80" ></li> JS使用方法$('div,p,li,span...').flash({src:'路径',width:'宽度',height:'高度',wmode:'显示模式（transparent）',mask:是否开启遮罩（true/flase）}); |
1 2 3 4 5 6 7 | 操作CookieJS使用方法写入：$.cookie('name','content');读取：$.cookie('name'); |
1 2 3 4 5 6 7 8 9 10 | 智能浮动层HTML使用方法:<div dsh="smartFloat">往上滚动，看我会怎样。</div> JS使用方法$('div,p,li,span...').smartFloat(); |
1 2 3 4 5 6 7 8 9 10 | 页面滚动图片等元素动态加载HTML使用方法:<img class="scrollLoading" data-url="图片真实地址" src="1*1gif图片" /> JS使用方法$('div,p,li,span...').scrollLoading(); |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | 事件的延时处理JS使用方法特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！ 本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！ 如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com |