jquery文字動畫插件制作文字flash動畫濾鏡效果切換特效



104 415 139



特效描述:文字動畫插件 文字flash動畫 濾鏡效果 切換特效,jquery文字動畫插件制作文字內容flash動畫效果類似濾鏡輪播特效,自動輪播文字交替切換顯示效果。jquery文字滾動,jquery下載。

代碼結構

1. 引入JS

<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/textualizer.min.js"></script>

2. HTML代碼

<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
.demo{width:700px;margin:50px auto;}
#flashtext{font-size:40px;width:700px;height:270px;margin-top:50px;border:1px solid red;font-family:"微軟雅黑";}
</style>
<div class="demo">
	<h2>jquery插件打造漂亮文字動畫效果</h2>  
	<div id="flashtext"></div>
</div>
<script type="text/javascript">
$(function () {
	var list = ['當時氣喘力竭,全身血污,自忖如去投店,必定引人疑心,還是回到李家換衣洗凈之后再行離去,哪知李沅芷清晨已在書房。等李沅芷退出,他一倒上床,胸口奇痛,竟自昏了過去。'
		, '經過兩個多月的調養,仗著他內功精純,再加李沅芷央求父親聘請名醫,購買良藥,內傷終于治好了。這兩個多月中李沅芷妥為護侍,盡心竭力。'
		, '李沅芷大喜,跪下來恭恭敬敬的叩了八個頭,她跟陸菲青讀書學文,本已拜過師,這時是二次拜師。'
		, '再過兩年多,陸菲青把柔云劍術和芙蓉金針也都教會了她。這五年之中,李沅芷把金針、劍術、輕功、拳技,都學了個全,所差的就是火候未到,經驗不足。'];
	var txt = $('#flashtext');
	var options = {
		duration: 2500,          // 每段句子在頁面中的停留時間(ms)
		rearrangeDuration: 1000, // 單詞切換間隔時間(ms)
		effect: 'random'         // 顯示的動畫效果:random, fadeIn, slideLeft, slideTop
	}
	txt.textualizer(list,options);
	txt.textualizer('start');
})
</script>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滾動切換 滾動條切換 滑動選項卡 滑動切換 加載動畫 選項卡切換 選項卡 切換 tab切換 頁面切換 選項卡插件 切換插件 滑動手風琴 h5彈窗動畫 html5彈窗動畫 h5動畫 h5背景動畫 h5場景動畫 h53D動畫 h5界面動畫 html5動畫 h5按鈕動畫 html5按鈕動畫 h5文字動畫 h5文字邊框動畫 html5文字動畫 html5文字邊框動畫 文字切換 文字選項卡
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子