jquery下PC版本 切换广告和轮播广告，Tab切换，文字滚动，图片滚动，无缝滚动 SuperSlide
[ 2019-04-28 16:21:04 | 作者: admin ]
SuperSlide 致力于解决网站大部分特效展示问题，使网站代码规范整洁，方便维护更新。是touchSlide的加强版
网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决！
从此无需网上苦苦寻觅特效，无需加载n个插件，无需害怕代码冲突，你需要的只是一个SuperSlide！
还可以多个SuperSlide组合创造更多效果哦~
（兼容包括ie6的绝大部分浏览器）
基础效果演示：http://www.superslide2.com/demo.html
扩展效果演示：http://www.superslide2.com/otherDemo.html
网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决！
从此无需网上苦苦寻觅特效，无需加载n个插件，无需害怕代码冲突，你需要的只是一个SuperSlide！
还可以多个SuperSlide组合创造更多效果哦~
（兼容包括ie6的绝大部分浏览器）
基础效果演示：http://www.superslide2.com/demo.html
扩展效果演示：http://www.superslide2.com/otherDemo.html
jquery中手机触摸屏下的切换广告，轮播广告，文字滚动，图片滚动，无缝滚动，TouchSlide 插件
[ 2019-04-28 15:58:55 | 作者: admin ]
TouchSlide1.1
官方网站：http://www.superslide2.com/touchSlide/demo.html
TouchSlide 不依赖jquery，是纯javascript打造的触屏滑动特效插件，面向手机、平板电脑等移动终端，
能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。
插件开源、体积小、简单实用、功能强大，是你架构移动终端网站的重要选择！
TouchSlide是SuperSlide的简单版本，能实现触摸屏场景下面轮播和Tab的相关功能
...
阅读全文…
官方网站：http://www.superslide2.com/touchSlide/demo.html
TouchSlide 不依赖jquery，是纯javascript打造的触屏滑动特效插件，面向手机、平板电脑等移动终端，
能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。
插件开源、体积小、简单实用、功能强大，是你架构移动终端网站的重要选择！
TouchSlide是SuperSlide的简单版本，能实现触摸屏场景下面轮播和Tab的相关功能
...
阅读全文…
百度官方CDN公共库（jquery、dojo、Bootstrap）
[ 2019-03-15 16:17:03 | 作者: admin ]
CDN公共库是指将常用的JS库存放在CDN节点，以方便广大开发者直接调用。与将JS库存放在服务器单机上相比，CDN公共库更加稳定、高速。
百度公共CDN为您的应用程序提供稳定、可靠、高速的服务，包含全球所有最流行的开源JavaScript库。
backbone
未压缩：
http://libs.baidu.com/backbone/0.9.2/backbone.js
压缩：
http://libs.baidu.com/backbone/0.9.2/backbone-min.js
官网：http://documentcloud.github.com/backbone/
支持的版本：0.9.2
Bootstrap
未压缩：
<script src="http://libs.baidu.com/b...
阅读全文…
百度公共CDN为您的应用程序提供稳定、可靠、高速的服务，包含全球所有最流行的开源JavaScript库。
backbone
未压缩：
http://libs.baidu.com/backbone/0.9.2/backbone.js
压缩：
http://libs.baidu.com/backbone/0.9.2/backbone-min.js
官网：http://documentcloud.github.com/backbone/
支持的版本：0.9.2
Bootstrap
未压缩：
<script src="http://libs.baidu.com/b...
阅读全文…
漂亮的纯CSS圆环图标
[ 2018-04-20 09:51:34 | 作者: admin ]
<style type="text/css">
.info-list{ width:85%; text-align:left; }
.info-list li{ padding-left:40px; list-style-type:none; border-bottom:1px solid #eee;}
.info-list li a{line-height:50px;color:#333; font-size:16px; text-decoration:none; margin-left:20px; width:80%}
.info-list li a:hover{color:#3FA032;}
.info-list li span{ float:right;
....info-list{ width:85%; text-align:left; }
.info-list li{ padding-left:40px; list-style-type:none; border-bottom:1px solid #eee;}
.info-list li a{line-height:50px;color:#333; font-size:16px; text-decoration:none; margin-left:20px; width:80%}
.info-list li a:hover{color:#3FA032;}
.info-list li span{ float:right;
阅读全文…
jQuery 绑定<li>并实现单击事件
[ 2018-04-11 17:09:00 | 作者: admin ]
两种类型
1、$('li').bind('click',function(){}); 当你用js动态添加li的时候，你添加的li不具有你绑定的事件。这种写法与$('li').click(function(){})一样。
2、$('li').live('click',function(){}); 当你用js动态添加li的时候，你添加的li具有你绑定的事件
不过发现多少有问题，还是使用传统 <li onclick="myFunction()">
1、$('li').bind('click',function(){}); 当你用js动态添加li的时候，你添加的li不具有你绑定的事件。这种写法与$('li').click(function(){})一样。
2、$('li').live('click',function(){}); 当你用js动态添加li的时候，你添加的li具有你绑定的事件
不过发现多少有问题，还是使用传统 <li onclick="myFunction()">
div标签中滚动加载（上滑加载）的实现，weui和原生jquery的实现方法
[ 2018-03-29 14:25:28 | 作者: admin ]
<div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
<ul id="huodong-list" >
<li ></li>
<li ></li>
<li ></li>
<li id="end" ></li>
</ul>
<div id="list" class='demos-content-padded'>test</div>
<div class="weui-loadmore" style="margin-bottom:45px;">
<i class="weui-loading"></i>
...<ul id="huodong-list" >
<li ></li>
<li ></li>
<li ></li>
<li id="end" ></li>
</ul>
<div id="list" class='demos-content-padded'>test</div>
<div class="weui-loadmore" style="margin-bottom:45px;">
<i class="weui-loading"></i>
阅读全文…
js获取浏览器地址栏参数
[ 2018-03-16 10:05:03 | 作者: admin ]
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
ajaxForm插件juqery.form.js在提交表单前修改某个值的方法
[ 2017-11-02 15:56:51 | 作者: admin ]
在表单提交前，可以设置beforeSubmit和beforeSerialize。
可以在beforeSerialize组装发送的表单值之前修改某些表单的值.
也可以在beforeSubmit可以做表单提交前的验证，不通过则可以阻止表单的提交
很多时候表单的数据是在动态的，不是确定的所以需要在表单提交的最后一刻来确定，比如用户发表文章的标签的数据。他可能添了删，删了添。
我想当然，认为在表单提交前做的操作应该是放在beforeSubmit吧，所以我就在beforeSubmit的函数里面做相关操作吧，但是发现发送的ajax请求里面一直没有数据。
换成beforeSerialize之后才有数据，这样才能成功的将数据发送到服务器端。
阅读全文…
可以在beforeSerialize组装发送的表单值之前修改某些表单的值.
也可以在beforeSubmit可以做表单提交前的验证，不通过则可以阻止表单的提交
很多时候表单的数据是在动态的，不是确定的所以需要在表单提交的最后一刻来确定，比如用户发表文章的标签的数据。他可能添了删，删了添。
我想当然，认为在表单提交前做的操作应该是放在beforeSubmit吧，所以我就在beforeSubmit的函数里面做相关操作吧，但是发现发送的ajax请求里面一直没有数据。
换成beforeSerialize之后才有数据，这样才能成功的将数据发送到服务器端。
beforeSerialize: modifySubmitData, //提交到Action时，可以自己对某些值进行处理。
...阅读全文…
