kk梦空间中国电信爱心树活动微信专题模板html.rar资源-CSDN文库

共33个文件

png：23个

html：4个

css：2个

微信

html

141 浏览量 2024-04-08 12:02:22 上传评论收藏 1.87MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

【kk梦空间】中国电信爱心树活动微信专题模板html.rar （33个子文件）

jquery-1.8.3.min.js 91KB

islider.js 19KB

guize2.html 491B

css

main.css 2KB

normalize.css 8KB

index.html 5KB

guize.html 4KB

images

denglu_04.png 18KB

xq03.png 127KB

denglu_14.png 18KB

heart_03.png 21KB

Thumbs.db 59KB

fx.png 3KB

bottom-bg.png 42KB

denglu_01.png 93KB

YouGotMe.mp3 546KB

top-bg_01.png 23KB

music-icon.png 2KB

share.png 38KB

test.png 6KB

tree3.png 189KB

xq01.png 171KB

denglu_08.png 19KB

tree1.png 198KB

denglu_11.png 36KB

zan.png 6KB

guize.png 4KB

tree2.png 190KB

denglu_17.png 17KB

mujuan.png 3KB

ziliao.png 4KB

xq02.png 159KB

denglu.html 2KB

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=0.5, minimum-scale=0.5"/> <meta content="telephone=no" name="format-detection" /> <title>爱心树</title> <link rel="stylesheet" href="css/normalize.css"/> <link rel="stylesheet" href="css/main.css"/> <script src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript"> if(navigator.userAgent.indexOf('Android') > -1){ var densitydpi = 640 / screen.width * window.devicePixelRatio * 160; var initialContent = 'target-densitydpi=' + densitydpi + ', width=640,user-scalable=no'; document.getElementsByName('viewport')[0].setAttribute( 'content', initialContent ); } </script> <style> b{ font-size: 30px; } #m_sharebg { width: 100%; height: 100%; background: #000; opacity: 0.7; position: fixed; top: 0; left: 0; z-index: 9002; text-align: right; display: none; } #m_sharebox { position: absolute; z-index: 9003; right: 0; width: 100%; text-align: right; display: none; } #m_sharebox img { width: 100%; } </style> </head> <body> <div class="w640"> <div class="top"> <img src="images/top-bg_01.png"> </div> <div class="top_test"> <img src="images/test.png"> </div> <div class="zan"> <div class="div1" id="zhan"> <a class="zhan" style="display: block"> <img src="images/heart_03.png"> </a> <span class="test" >1256225</span> </div> <div class="div2"> <a style="display: block" id="zhan2"> <img src="images/zan.png"> </a> </div> </div> <div class="bottom"> <a href="javascript:open_share();" style="width: 16%"><img src="images/fx.png"></a> <a href="denglu.html"><img src="images/mujuan.png"></a> <a href="denglu.html" style="width: 24%"><img src="images/ziliao.png"></a> <a href="guize2.html"><img src="images/guize.png"></a> </div> <div style="position: relative; z-index: 999;"> <div class="tree3"> <a href="guize.html"> <img src="images/tree3.png"> </a> </div> </div> <div style="position: absolute; margin-top: -15px;"> <img src="images/bottom-bg.png"> </div> </div> <div id="m_sharebg" onClick="javascript:m_hide();" style="display: none;"> </div> <div id="m_sharebox" onClick="javascript:m_hide();" style="display: none; top: 30px;"><img src="images/share.png" width="100%" onClick="javascript:m_hide();" data-pinit="registered"></div> <script> function open_share(){ var topnum=document.body.scrollTop+"px"; document.getElementById('m_sharebg').style.display="block"; document.getElementById('m_sharebox').style.display="block"; document.getElementById('m_sharebox').style.top=topnum; } function m_hide() { document.getElementById('m_sharebg').style.display="none"; document.getElementById('m_sharebox').style.display="none"; } 2</script> <script> $(document).ready(function (e) { $('a.zhan').click(function () { // var left = parseInt($(this).offset().left) + 10, // top = parseInt($(this).offset().top) , var left =72,top=-15, obj = $("#zhan"); $(this).append('<div class="zhans" ><b>+1<\/b></\div>'); $('.zhans').css({ 'position': 'absolute', 'z-index': '10000', 'color': '#C30', 'left': left + 'px', 'top': top + 'px' }).animate({ top: top - 10, left: left + 10 }, 'slow', function () { $(this).fadeIn('fast').remove(); var Num = parseInt(obj.find('span').text()); Num++; obj.find('span').text(Num); }); return false; }); $("#zhan2").click(function () { var left =72,top=-15, obj = $("#zhan"); $("a.zhan").append('<div class="zhans" ><b>+1<\/b></\div>'); $('.zhans').css({ 'position': 'absolute', 'z-index': '10000', 'color': '#C30', 'left': left + 'px', 'top': top + 'px' }).animate({ top: top - 10, left: left + 10 }, 'slow', function () { $(this).fadeIn('fast').remove(); var Num = parseInt(obj.find('span').text()); Num++; obj.find('span').text(Num); }); return false; }); }); </script> </body> </html>

评论收藏

内容反馈