Authored by lijing

图片链接

... ... @@ -31,7 +31,7 @@ img{
.vote{
width: 184px;
height: 41px;
background: url("images/click_off.jpg") 0 0 no-repeat;
background: url("activity/brandVote/YOHOPEPC/images/click_off.jpg") 0 0 no-repeat;
background-size: 100%;
position: absolute;
right: 49px;
... ... @@ -40,20 +40,20 @@ img{
}
.vote_click{
background: url("images/click_on.jpg") 0 0 no-repeat;
background: url("activity/brandVote/YOHOPEPC/images/click_on.jpg") 0 0 no-repeat;
background-size: 100%;
}
.vote_button{
width: 436px;
height: 80px;
background: url("images/vote.jpg") 0 0 no-repeat;
background: url("activity/brandVote/YOHOPEPC/images/vote.jpg") 0 0 no-repeat;
margin-top: 27px;
/*text-align: center;*/
cursor: pointer;
}
.voted_button{
background: url("images/voted.jpg") 0 0 no-repeat;
background: url("activity/brandVote/YOHOPEPC/images/voted.jpg") 0 0 no-repeat;
}
.diaCover-p{
position: fixed;
... ... @@ -88,130 +88,130 @@ img{
</head>
<body>
<div style="height:216px; background:url(images/bg_01.jpg) no-repeat center center; width:100%; margin:0 auto;"></div>
<div style="height:234px; background:url(images/bg_02.jpg) no-repeat center center; width:100%; margin:0 auto;"></div>
<div style="height:216px; background:url(activity/brandVote/YOHOPEPC/images/bg_01.jpg) no-repeat center center; width:100%; margin:0 auto;"></div>
<div style="height:234px; background:url(activity/brandVote/YOHOPEPC/images/bg_02.jpg) no-repeat center center; width:100%; margin:0 auto;"></div>
<div style="height:190px; background:url(images/bg_03.jpg) no-repeat center center; width:100%; margin:0 auto;"></div>
<div style="height:190px; background:url(activity/brandVote/YOHOPEPC/images/bg_03.jpg) no-repeat center center; width:100%; margin:0 auto;"></div>
<div style="height:50px; background:url(images/bg_04.jpg) no-repeat center center; width:100%; margin:0 auto; cursor: pointer;" class="detail_click"></div>
<div style="height:50px; background:url(activity/brandVote/YOHOPEPC/images/bg_04.jpg) no-repeat center center; width:100%; margin:0 auto; cursor: pointer;" class="detail_click"></div>
<div style="height:266px; background:url(images/bg_05.jpg) no-repeat center center; width:100%; margin:0 auto; display: none;" class="detail"></div>
<div style="height:266px; background:url(activity/brandVote/YOHOPEPC/images/bg_05.jpg) no-repeat center center; width:100%; margin:0 auto; display: none;" class="detail"></div>
<div style="height:646px; background:url(images/bg_06.jpg) no-repeat center center; width:100%; margin:0 auto;">
<div style="height:646px; background:url(activity/brandVote/YOHOPEPC/images/bg_06.jpg) no-repeat center center; width:100%; margin:0 auto;">
<div class="wrap">
<div class="left_wrap" rowId="1" id="url1">
<a class="a-pic"></a>
<a class="a-detail"></a>
<div id="1" class="vote"></div>
<img src="images/blank.png" height="646" border="0" usemap="#Map" />
<img src="activity/brandVote/YOHOPEPC/images/blank.png" height="646" border="0" usemap="#Map" />
</div>
<div class="right_wrap" rowId="2" id="url2">
<a class="a-pic"></a>
<a class="a-detail"></a>
<div id="2" class="vote"></div>
<img src="images/blank.png" height="646" border="0" usemap="#Map" />
<img src="activity/brandVote/YOHOPEPC/images/blank.png" height="646" border="0" usemap="#Map" />
</div>
</div>
</div>
<div style="height:646px; background:url(images/bg_07.jpg) no-repeat center center; width:100%; margin:0 auto;">
<div style="height:646px; background:url(activity/brandVote/YOHOPEPC/images/bg_07.jpg) no-repeat center center; width:100%; margin:0 auto;">
<div class="wrap">
<div class="left_wrap" rowId="3" id="url3">
<a class="a-pic"></a>
<a class="a-detail"></a>
<div id="3" class="vote"></div>
<img src="images/blank.png" height="646" border="0" usemap="#Map" />
<img src="activity/brandVote/YOHOPEPC/images/blank.png" height="646" border="0" usemap="#Map" />
</div>
<div class="right_wrap" rowId="4" id="url4">
<a class="a-pic"></a>
<a class="a-detail"></a>
<div id="4" class="vote"></div>
<img src="images/blank.png" height="646" border="0" usemap="#Map" />
<img src="activity/brandVote/YOHOPEPC/images/blank.png" height="646" border="0" usemap="#Map" />
</div>
</div>
</div>
<div style="height:646px; background:url(images/bg_08.jpg) no-repeat center center; width:100%; margin:0 auto;">
<div style="height:646px; background:url(activity/brandVote/YOHOPEPC/images/bg_08.jpg) no-repeat center center; width:100%; margin:0 auto;">
<div class="wrap">
<div class="left_wrap" rowId="5" id="url5">
<a class="a-pic"></a>
<a class="a-detail"></a>
<div id="5" class="vote"></div>
<img src="images/blank.png" height="646" border="0" usemap="#Map" />
<img src="activity/brandVote/YOHOPEPC/images/blank.png" height="646" border="0" usemap="#Map" />
</div>
<div class="right_wrap" rowId="6" id="url6">
<a class="a-pic"></a>
<a class="a-detail"></a>
<div id="6" class="vote"></div>
<img src="images/blank.png" height="646" border="0" usemap="#Map" />
<img src="activity/brandVote/YOHOPEPC/images/blank.png" height="646" border="0" usemap="#Map" />
</div>
</div>
</div>
<div style="height:646px; background:url(images/bg_09.jpg) no-repeat center center; width:100%; margin:0 auto;">
<div style="height:646px; background:url(activity/brandVote/YOHOPEPC/images/bg_09.jpg) no-repeat center center; width:100%; margin:0 auto;">
<div class="wrap">
<div class="left_wrap" rowId="7" id="url7">
<a class="a-pic"></a>
<a class="a-detail"></a>
<div id="7" class="vote"></div>
<img src="images/blank.png" height="646" border="0" usemap="#Map" />
<img src="activity/brandVote/YOHOPEPC/images/blank.png" height="646" border="0" usemap="#Map" />
</div>
<div class="right_wrap" rowId="8" id="url8">
<a class="a-pic"></a>
<a class="a-detail"></a>
<div id="8" class="vote"></div>
<img src="images/blank.png" height="646" border="0" usemap="#Map" />
<img src="activity/brandVote/YOHOPEPC/images/blank.png" height="646" border="0" usemap="#Map" />
</div>
</div>
</div>
<div style="height:646px; background:url(images/bg_10.jpg) no-repeat center center; width:100%; margin:0 auto;">
<div style="height:646px; background:url(activity/brandVote/YOHOPEPC/images/bg_10.jpg) no-repeat center center; width:100%; margin:0 auto;">
<div class="wrap">
<div class="left_wrap" rowId="9" id="url9">
<a class="a-pic"></a>
<a class="a-detail"></a>
<div id="9" class="vote"></div>
<img src="images/blank.png" height="646" border="0" usemap="#Map" />
<img src="activity/brandVote/YOHOPEPC/images/blank.png" height="646" border="0" usemap="#Map" />
</div>
<div class="right_wrap" rowId="10" id="url10">
<a class="a-pic"></a>
<a class="a-detail"></a>
<div id="10" class="vote"></div>
<img src="images/blank.png" height="646" border="0" usemap="#Map" />
<img src="activity/brandVote/YOHOPEPC/images/blank.png" height="646" border="0" usemap="#Map" />
</div>
</div>
</div>
<div style="height:646px; background:url(images/bg_11.jpg) no-repeat center center; width:100%; margin:0 auto;">
<div style="height:646px; background:url(activity/brandVote/YOHOPEPC/images/bg_11.jpg) no-repeat center center; width:100%; margin:0 auto;">
<div class="wrap">
<div class="left_wrap" rowId="11" id="url11">
<a class="a-pic"></a>
<a class="a-detail"></a>
<div id="11" class="vote"></div>
<img src="images/blank.png" height="646" border="0" usemap="#Map" />
<img src="activity/brandVote/YOHOPEPC/images/blank.png" height="646" border="0" usemap="#Map" />
</div>
<div class="right_wrap" rowId="12" id="url12">
<a class="a-pic"></a>
<a class="a-detail"></a>
<div id="12" class="vote"></div>
<img src="images/blank.png" height="646" border="0" usemap="#Map" />
<img src="activity/brandVote/YOHOPEPC/images/blank.png" height="646" border="0" usemap="#Map" />
</div>
</div>
</div>
<div style="height:646px; background:url(images/bg_12.jpg) no-repeat center center; width:100%; margin:0 auto;">
<div style="height:646px; background:url(activity/brandVote/YOHOPEPC/images/bg_12.jpg) no-repeat center center; width:100%; margin:0 auto;">
<div class="wrap">
<div class="left_wrap" rowId="13" id="url13">
<a class="a-pic"></a>
<a class="a-detail"></a>
<div id="13" class="vote"></div>
<img src="images/blank.png" height="646" border="0" usemap="#Map" />
<img src="activity/brandVote/YOHOPEPC/images/blank.png" height="646" border="0" usemap="#Map" />
</div>
<div class="right_wrap" rowId="13" id="url13">
<a class="a-pic"></a>
<a class="a-detail"></a>
<div id="14" class="vote"></div>
<img src="images/blank.png" height="646" border="0" usemap="#Map" />
<img src="activity/brandVote/YOHOPEPC/images/blank.png" height="646" border="0" usemap="#Map" />
</div>
</div>
</div>
... ... @@ -346,11 +346,11 @@ img{
$('.detail_click').click(function(){
if($(this).hasClass('isclick')){
$('.detail').slideUp(500);
$(this).css("background-image", "url(images/bg_04.jpg)");
$(this).css("background-image", "url(activity/brandVote/YOHOPEPC/images/bg_04.jpg)");
$(this).removeClass('isclick');
}else{
$('.detail').slideDown(500);
$(this).css("background-image","url(images/bg_044.jpg)");
$(this).css("background-image","url(activity/brandVote/YOHOPEPC/images/bg_044.jpg)");
$(this).addClass('isclick');
}
});
... ...