素材网 素材网

jQuery情人节表白特效

下载资源()次

阅读次数()次

发布时间:2017-10-29

jQuery情人节表白特效
分享到:

用法简介:

来源:xw素材网

jQuery情人节表白特效。
文件引用:

<script>

$(".pic ul li").each(function(i){//遍历

var deg=360/$(".pic ul li").size();//size个数

//当前的li对象 添加css样式

$(this).css({"transform":"rotateY("+deg*i+"deg) translateZ(216px)"});

$.fn.snow({

minSize:10,

maxSize:15,

newOn:500,

flakeColor:"#ffffff"

});

});

var i=0;

var str="能够遇见你是我最大的幸运,有了你生活变得丰富多彩,有了你,世界变得如此迷人;你是我的世界,我的世界是你,对我来说,不是在最美好的时光遇见了你,而是遇见你后都是最美好的时光!";

window.onload=function typing(){

//获取div

var mydiv=document.getElementById("text");

mydiv.innerHTML+=str.charAt(i);

i++;

var id=setTimeout(typing,100);

if(i==str.length){

clearTimeout(id);

}

}

</script>


<div style="text-align:center;margin:-50px 0; font:normal 14px/24px 'MicroSoft YaHei';color:#ffffff">

<p>适用浏览器:360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。</p>

<p>来源:<a href="http://sc.chinaz.com/" target="_blank">站长素材</a></p>

</div>

</body>



   

相关标签:

网友评论:

评论

发表 剩余字数:20

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

@ 2013 xwcms.net . All Rights Reserved. xw素材网 | 备案号:晋ICP备13005902号 联系管理员
×

邮箱订阅

什么是邮箱订阅?

邮箱订阅是xw素材网为jquery爱好者与web程序员提供一项以邮箱的方式发送最新jquery资源与素材资源的模式,用户只需在左侧填写正确的邮箱用户名与邮箱地址我们将每天推荐最新优质资源到用户邮箱。当然每份邮箱都会有一个取消订阅按钮,当用户点击取消按钮时我们将会停止对用户发送邮箱资源推送。再次感谢大家对xw素材网的支持与关注。