网站测量 尺子
文本滚动 文字滚动 垂直 滚动
HTML:
<ul> <li style="background:red">1,所发生的方式111的</li> <li>2,所发生的方式的</li> <li>3,所发生的方式的</li> <li>4,所发生的方式的</li> <li>5,所发生的方式的</li> </ul>
JS:
var li_num=$('ul li').length;
var set_num=4;//信息小于或者等于4条就不会滚动
function run(){
$('ul li:first').animate({opacity:'0'},800,function (){
$(this).css({opacity:'1'}).appendTo($('ul'));
run();
});
};
if(li_num<=set_num){
$('ul li').stop(true,true).stop();
}else{
run()
}
$('ul').mouseenter(function(){
$('ul li').stop(true,true).stop();
}).mouseleave(function(){
if(li_num<=set_num){
$('ul li').stop(true,true).stop();
}else{
run()
}
});
我们知道jquery一些自带的方法会有回调函数的功能,但是一些方法确没有,例如addClass,html,removeClass,但是我们有时有需要到,这时候只需要加载,jquery.callback.js插件就可以帮助我们。
例如:
$.addCallback('html',function(){
alert('f'); //待回调的代码
});
$('div').html('<span>123</span>'); //以后每当执行完html之后就会运行,待回调的代码
拆分 文本 插件
Blast.js可以将一段文本的英文单词包裹在一个自定义设置的标签里面,还可以更细的将一个单词的字母进行拆分,可以兼容IE6。
JS:
$("div").blast({ delimiter: "word" }); //将一个单词为单位进行拆分
HTML:拆分前
<div> Hello World </div>
HTML:拆分后
<div class="blast-root"> <span class="blast">Hello</span> <span class="blast">World</span> </div>
还有更多的参数可以自定义:
$("div").blast({
delimiter: "character" // Set the delimiter type (see left)
search: false // Perform a search *instead* of delimiting
tag: "span" // Set the wrapping element type (e.g. "div")
customClass: "" // Add a custom class to wrappers
generateIndexID: false // Add #customClass-i to wrappers
generateValueClass: false // Add .blast-word-val to wrappers
stripHTMLTags: false // Strip HTML before blasting
returnGenerated: true // Return generated elements to stack
aria: true // Avoid speechflow disruption for screenreaders
});
可惜不支持中文,蛋疼。