求原图和炉石卡牌原图效果

来源：蜘蛛抓取(WebSpider) 时间：2018-05-09 22:29 标签： 炉石传说卡牌原图
jquery的图片展示--卡牌翻转效果的代码示例
卡牌翻转效果是一种很好玩的效果，是我用Jquery实现的一种效果，跟Flash实现的效果几乎一模一样。代码也非常简单，希望对需要的朋友有所帮助，现在把具体开发过程描述如下：
一、编写HTML代码
&!--卡牌翻转效果容器--&
&div id="picshowfz"&
&!--第一张翻转图片--&
&a href="" target="_blank"&&img src="pic/1.gif" width="118" height="181" border="0"/&&/a&
&!--第二张翻转图片--&
&a href="" target="_blank"&&img src="pic/2.gif" width="118" height="181" border="0"/&&/a&
二、 编写CSS代码
body{font-family:Verdana, Geneva, sans- font-size:12}
#picshowfz { margin:90}
#picshowfz div{float: width:118 margin-left:10 margin-right:10 border:0}
#picshowfz img{position:}----这段css代码很重要，必须的请注意，相对位置控制。
三、js代码
var imgarray = new Array("pic/3.gif","pic/4.gif");
//翻转展示图片路径
var linkarray = new Array("","");
//翻转展示图片连接地址
function fanzhan()
$("#picshowfz div").each(function(d){
//查找所有展示图片并翻转新图片
$(this).find("img").animate({ width: "0px",left: "59px"}, 300,function(){})
//实现翻转动画 从有到无
var oldimg = $(this).find("img").attr("src");
//存放原来图片路径
var oldlink = $(this).find("img").attr("href");
//存放原来图片链接地址
$(this).find("img").attr("src", imgarray[d])
//设置新图片路径
$(this).find("img").attr("width", "0");
//设置新图片宽度
$(this).find("img").attr("href", linkarray[d])
//设置新图片连接地址
imgarray[d]=
linkarray[d]=
$(this).find("img").animate({ width: "118px",left: "0px"}, 300);
//翻转动画 从无到有
$("#picshowfz div").hover(
//实现鼠标悬停效果
鼠标放到图片上后 图片逐渐变大
移除后图片还原
function(){
$(this).find("img").animate({ width: "138px",left: "-10px",height: "201px",top: "-10px"}, 100);
}, function(){
$(this).find("img").animate({ width: "118px",left: "0px",height: "181px",top: "0px"}, 100);
var anima=setInterval('fanzhan()',5000)
//定时执行翻牌效果
$("#picshowfz").hover(
function () {
clearInterval(anima);
function () {
anima=setInterval('fanzhan()',5000)
//鼠标放到图片上停止翻转效果 移除图片翻转效果继续
该js代码必须引入jquery库，还必须与css配合使用才能达到翻牌效果。
Copyright (C) , All Rights Reserved.
版权所有 闽ICP备号
processed in 0.038 (s). 10 q(s)找类似这种图片的图片，（很清楚的） 和第二张卡牌类的。谢谢_百度知道
找类似这种图片的图片，（很清楚的） 和第二张卡牌类的。谢谢
我有更好的答案
面具铁甲。
采纳率：83%
来自团队：
卡牌类的找三国杀
网上很多，找全太麻烦了
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。求详细介绍权力的游戏桌游版图版和卡牌版？ - 知乎24被浏览<strong class="NumberBoard-itemValue" title="2分享邀请回答181 条评论分享收藏感谢收起51 条评论分享收藏感谢收起写回答

我要回帖

更多关于 炉石传说卡牌原图 的文章

 

随机推荐