素材网 素材网

jquery带按钮的图片代码

下载资源()次

阅读次数()次

发布时间:2017-11-11

jquery带按钮的图片代码
分享到:

用法简介:

来源:xw素材网


jquery带按钮的图片代码。
文件引用:

<script type="text/javascript">

$(function(){

$(".but").css({"-webkit-animation":"twinkling 3s infinite ease-in-out"});

function init(){

var h=$(window).height();

var h2=612;

if(h>h2){

var top=(h-h2)/2;

$(".zt-wrap").css({"margin-top":top+"px"});

}

$(".scene").attr({"anim":"stop"});

img();

};

init();

var tab=0;

var max=$(".scene").length-1;

var t=400;

$("#but2").click(function(){

if(tab<max){

$(".scene:eq("+tab+")").animate({"left":"-100%"},t).attr({"anim":"stop"});

tab++;

$(".scene:eq("+tab+")").animate({"left":"0px"},t).attr({"anim":"run"});

}; 

});

$("#but1").click(function(){

if(tab>0){

$(".scene:eq("+tab+")").animate({"left":"100%"},t).attr({"anim":"stop"});

tab--;

$(".scene:eq("+tab+")").animate({"left":"0px"},t).attr({"anim":"run"});

});


function img(){

var w=$(".anim-wrap").width();

var h=$(".anim-wrap").height();

$(".img").each(function(){

var iw=$(this).attr("width");

var ih=$(this).attr("height");

var top=((h-ih)/2)-100;

var left=(w-iw)/2;

$(this).css({"left":left+"px","top":top+"px"});

});

};


function img2(){

var t=1000;

$(".img1").animate({"top":"40px","left":"220px"},t);

$(".img2").animate({"top":"220px","left":"5px"},t);

$(".img3").animate({"top":"190px","left":"595px"},t);

$(".img4").animate({"top":"350px","left":"5px"},t);

$(".img5").animate({"top":"335px","left":"550px"},t);

};

var a7=setInterval(anim7, 10);

function anim7(){

var anim=$(".s7").attr("anim");

if(anim==='run'){

img2();

clearInterval(a7);

}

};

var a8=setInterval(anim8,10);

function anim8(){

var anim=$(".s8").attr("anim");

if(anim==='run'){

$(".s8-2").animate({"opacity":"1"},2000,function(){

$(".end").animate({"opacity":"1"},600);

});

clearInterval(a8);

}

};


})

</script>


<!--往期回顾-->

<script type="text/javascript" src="js/jquery-jcContact.js"></script>

<script type="text/javascript">

$(function(){


$(".jcConraper a").each(function(){

var alt=$(this).find("img").attr("alt");

var span='<span>'+alt+'</span>';

$(this).attr("title",alt).append(span);

});


$('#hk').jcContact({

speed:0,

position:'top',

posOffsetY : 180,

btnPosition : 'top',

btnPosoffsetY : 75,

float:'right',

Event : "mouseover"

});


});

</script>


   

相关标签:

网友评论:

评论

发表 剩余字数:20

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

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

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

邮箱订阅

什么是邮箱订阅?

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