标签：des style http color os io 使用 java ar
/**
* Created with JetBrains PhpStorm.
* User: Gseven
* Date: 13-6-17
* Time: 下午4:43
*/
var gWaterFall = (function () {
var indexNum = 0; //每次刷新最后一条数据的ID
var jyNum = 0; //每3次loading加载一个“我要建言”
var outBoxHeight = $(‘.out‘).height(); //三列外层容器
var outBoxWidth = $(‘.out‘).height();
var isLoading = false; //是否正在加载数据
function returnIndexNum() {
return indexNum;
}
//返回最短一列
function returnShortCol() {
var min = $(‘.item‘).eq(0).height();
var count = 0;
$(‘.item‘).each(function (index) {
if ($(this).height() < min) {
count = index;
}
})
return count;
}
//修复mask的定位
function fixMaskPosition(oldHeight, newHeight) {
//判断是顶部打开还是底部打开
if ($(‘.mask‘).css(‘top‘) == ‘auto‘) {
var maskOldbottom = parseInt($(‘.mask‘).css(‘bottom‘).split(‘px‘)[0], 10);
$(‘.mask‘).css(‘bottom‘, maskOldbottom + newHeight - oldHeight);
}
if ($(‘.post-form‘).css(‘top‘) == ‘auto‘) {
var maskOldbottom = parseInt($(‘.post-form‘).css(‘bottom‘).split(‘px‘)[0], 10);
$(‘.post-form‘).css(‘bottom‘, maskOldbottom + newHeight - oldHeight);
}
if ($(‘.login-form‘).css(‘top‘) == ‘auto‘) {
var maskOldbottom = parseInt($(‘.login-form‘).css(‘bottom‘).split(‘px‘)[0], 10);
$(‘.login-form‘).css(‘bottom‘, maskOldbottom + newHeight - oldHeight);
}
}
//渲染的模板
function renderTpl(nums, data) {
var startHtml = "<div class=‘b-box‘><div class=‘inner‘> ";
var endHtml = "</div></div> ";
var html;
for (var i = 0; i < nums; nums++) {
}
return html;
}
//渲染布局
function render(data) {
var arr=data;
//if(indexNum>100) { $(‘.no-more‘).fadeIn();setTimeout(function(){$(‘.no-more‘).fadeOut();},2000);return;}
if(arr.length>0){
var oldOutHeight = $(‘.out‘).height(); //开始渲染前的高度
indexNum += data.length;
//每次取多少个box
var mapHash = [1,1,1,1,1,1,1,1,1,1,1,1,1,1,2,2,2,2];
while (arr.length > 0) {
var html;
var colNum = returnShortCol();
// var index = arr.length >= 4 ? 3 : arr.length;
// index=(arr.length==3)?2:index; //fixed 3个留下的bug
var index=18;
if(arr.length<4){index=17;} //临时删除4个同时出现的
if(arr.length<2){index=14;}
//随机
var sign = mapHash[Math.floor(Math.random() * index)];
if (sign == 1) {
var i1 = arr.shift();
if(i1.img){
var source = $("#big-box-img-tpl").html();
var template = Handlebars.compile(source);
html = template(i1);
}else{
var source = $("#big-box-noimg-tpl").html();
var template = Handlebars.compile(source);
i1[‘short‘]=i1[‘content‘].sub(60)+"……";
html = template(i1);
}
$(‘.item‘).eq(colNum).append(html);
} else if (sign == 2) {
if (arr.length < 2 ) continue;
var i1 = arr.shift();
var i2 = arr.shift();
if(i1.img){
var source = $("#small-box-img-tpl").html();
var template = Handlebars.compile(source);
html = template(i1);
}else{
var source = $("#small-box-noimg-tpl").html();
var template = Handlebars.compile(source);
html = template(i1);
}
if(i2.img){
var source = $("#small-box-img-tpl").html();
var template = Handlebars.compile(source);
html += template(i2);
}else{
var source = $("#small-box-noimg-tpl").html();
var template = Handlebars.compile(source);
html += template(i2);
}
$(‘.item‘).eq(colNum).append(html);
} else {
if (arr.length < 4) continue;
var i1 = arr.shift();
var i2 = arr.shift();
var i3 = arr.shift();
var i4 = arr.shift();
if(i1.img){
var source = $("#small-box-img-tpl").html();
var template = Handlebars.compile(source);
html = template(i1);
}else{
var source = $("#small-box-noimg-tpl").html();
var template = Handlebars.compile(source);
html = template(i1);
}
if(i2.img){
var source = $("#small-box-img-tpl").html();
var template = Handlebars.compile(source);
html += template(i2);
}else{
var source = $("#small-box-noimg-tpl").html();
var template = Handlebars.compile(source);
html += template(i2);
}
if(i3.img){
var source = $("#small-box-img-tpl").html();
var template = Handlebars.compile(source);
html += template(i3);
}else{
var source = $("#small-box-noimg-tpl").html();
var template = Handlebars.compile(source);
html += template(i3);
}
if(i4.img){
var source = $("#small-box-img-tpl").html();
var template = Handlebars.compile(source);
html += template(i4);
} else{
var source = $("#small-box-noimg-tpl").html();
var template = Handlebars.compile(source);
html += template(i4);
}
$(‘.item‘).eq(colNum).append(html);
}
}
//jyNum++;
if (indexNum % 32 == 0) {
$(‘.item‘).eq(returnShortCol()).append("<a class=‘j‘>我要建言</a>");
}
var newOutHeight = $(‘.out‘).height(); //渲染结束后的高度
fixMaskPosition(oldOutHeight, newOutHeight);
isLoading = false;
}else{
$(‘.no-more‘).fadeIn();
setTimeout(function(){$(‘.no-more‘).fadeOut();},2000)
}
}
//绑定滚动加载
function bindScroll() {
$(window).scroll(function () {
if (($(window).height() + $(window).scrollTop()) >= $(‘body‘).height() - 100) {
if (isLoading == false) {
$(‘.loading‘).show();
isLoading = true;
$.getJSON(‘http://zdcq.webapp.163.com/script/user/get_article?offset=‘+indexNum+‘&length=16&callback=?‘,function(data){
$(‘.loading‘).hide()
render(data.articles);
})
}
}
})
}
function init() {
bindScroll();
$.getJSON(‘http://zdcq.webapp.163.com/script/user/get_article?offset=‘+indexNum+‘&length=16&callback=?‘,function(data){
render(data.articles);
})
bindClick();
bindLoginBtn();
}
//登陆框打开
function bindLoginBtn(){
$(‘.j,.j-1‘).live(‘click‘,function(e){
$(‘#captcha_img‘).trigger(‘click‘);
$(‘.tc‘).slideUp();
$(‘.mask,.encourage-box‘).hide();
var ntesUserName=cookie_check_logined();
var openEle=ntesUserName?$(‘.post-form‘):$(‘.encourage-box2‘);
var mLeft = $(this).position().left + 0.5; //点击目标的定位
var mTop = $(this).position().top + 0.5;
var targetHeight = $(this).height(); //点击目标的宽高
var targetWidth = $(this).width();
var maskHtml=$(this).html();
var maskHeight = 315; //无图片遮罩层的大小
var maskWidth = 645;
var outerMarginTop = $(‘.header‘).height(); //外层的MarginTop
var openWidth = mLeft + maskWidth; //展开时候的X坐标
var outBoxHeight = $(‘.out‘).height();
var outBoxWidth = $(‘.out‘).width();
var maskPosition = {
width:0,
height:0,
left:‘auto‘,
right:‘auto‘,
top:‘auto‘,
bottom:‘auto‘
}
if($(window).scrollTop()<outerMarginTop||$(window).scrollTop()<maskHeight){
//第一屏
if(!$(this).hasClass(‘j-1‘)){
$(‘html,body‘).animate({scrollTop:mTop+outerMarginTop+maskHeight-$(window).height()+30})
}
if (openWidth > outBoxWidth) {
maskPosition.right = outBoxWidth - mLeft - targetWidth -14;
maskPosition.top = mTop;
maskPosition.left = ‘auto‘;
} else {
maskPosition.top = mTop;
maskPosition.left = mLeft;
}
//锁定第一屏的登陆框位置
if($(this).hasClass(‘j-1‘)){
maskPosition.top=220.5;
$(‘html,body‘).animate({scrollTop:220.5+outerMarginTop+maskHeight-$(window).height()+20})
}
openEle.css(maskPosition).animate({height:maskHeight, width:maskWidth}).show();
return;
}
//底部展开
if (mTop- $(window).scrollTop() + maskHeight > $(window).height() - outerMarginTop) {
//如果超出底部
if (mTop + targetHeight > $(window).height() + $(window).scrollTop() - outerMarginTop) {
$(‘html,body‘).animate({scrollTop:mTop + targetHeight - $(window).height() + 30 + outerMarginTop})
}
//bottom出的超出顶部的话
if(mTop+outerMarginTop+targetHeight-maskHeight<$(window).scrollTop()){
$(‘html,body‘).animate({scrollTop:mTop+outerMarginTop+targetHeight-maskHeight})
}
//不是第一屏
if (openWidth > outBoxWidth) {
maskPosition.right = outBoxWidth - mLeft - targetWidth -14;
maskPosition.bottom = outBoxHeight - mTop - targetHeight -14;
maskPosition.top = ‘auto‘;
maskPosition.left = ‘auto‘;
} else {
maskPosition.left = mLeft;
maskPosition.bottom = outBoxHeight - mTop - targetHeight -14;
maskPosition.top = ‘auto‘;
}
//第一屏
//顶部展开
} else {
//如果超出顶部
if (mTop + outerMarginTop < $(window).scrollTop()) {
$(‘html,body‘).animate({scrollTop:mTop+outerMarginTop - 20})
}
//top出的超出底部的话
if(mTop+outerMarginTop+maskHeight>$(window).scrollTop()+$(window).height()){
$(‘html,body‘).animate({scrollTop:mTop+outerMarginTop+maskHeight-$(window).height()})
}
if (openWidth > outBoxWidth) {
maskPosition.right = outBoxWidth - mLeft - targetWidth -14;
maskPosition.top = mTop;
maskPosition.left = ‘auto‘;
} else {
maskPosition.top = mTop;
maskPosition.left = mLeft;
}
}
openEle.css(maskPosition).animate({height:maskHeight, width:maskWidth}).show();
})
}
//绑定点击事件
function bindClick() {
// $(document).on(‘click‘, ‘.item>div‘, function () {
$(‘.b-box,.s-box‘).live(‘click‘, function () {
$(‘#captcha_img‘).trigger(‘click‘);
$(‘.tc‘).slideUp();
$(‘.login-form,.post-form,.encourage-box,.info-form,.encourage-box2,.success-box‘).hide();
clickedMask=$(this);
var self=$(this);
var mLeft = $(this).position().left + 0.5; //点击目标的定位
var mTop = $(this).position().top + 0.5;
var targetHeight = $(this).height(); //点击目标的宽高
var targetWidth = $(this).width();
var maskHeight;
var h2;
var maskHtml=$(this).html();
if($(this).attr(‘data-tag‘)=="nopic"){
maskHeight = 315; //无图片遮罩层的大小
}else{
maskHeight=535; //有图片
}
var maskWidth = 645;
var outerMarginTop = $(‘.header‘).height(); //外层的MarginTop
var openWidth = mLeft + maskWidth; //展开时候的X坐标
var outBoxHeight = $(‘.out‘).height();
var outBoxWidth = $(‘.out‘).width();
//mask的内容
$(‘.mask‘).html(maskHtml);
//分享
$(‘.mask .y-share,.mask .y-share-only‘).remove();
$(‘<div class="bigShare">分享到：</div> ‘).appendTo($(‘.mask .r‘));
$(‘<div class="bigShare">分享到：</div> ‘).appendTo($(‘.mask .cont-only‘));
nie.use([‘util.share‘],function(){
var bigShare = nie.util.share({
fat: ".bigShare",
type: 6,
defShow: [5,2,3,1],
// title: self.find(‘h3‘).text(),
title:‘你最想在《藏地传奇》的世界中看到哪些西藏内容？提出你的真言，说出你对西藏游戏化的建议，一起来探索西藏题材的无限可能！还有机会获得iPad mini 等精美奖品哦！‘,
img: self.find(‘img‘).attr(‘src‘)?self.find(‘img‘).attr(‘src‘):‘‘
});
})
//mask的定位
var maskPosition = {
width:0,
height:0,
left:‘auto‘,
right:‘auto‘,
top:‘auto‘,
bottom:‘auto‘
}
if($(window).scrollTop()<outerMarginTop||$(window).scrollTop()<maskHeight){
//第一屏
$(‘html,body‘).animate({scrollTop:mTop+outerMarginTop+maskHeight-$(window).height()+30})
if (openWidth > outBoxWidth) {
maskPosition.right = outBoxWidth - mLeft - targetWidth -14;
maskPosition.top = mTop;
maskPosition.left = ‘auto‘;
} else {
maskPosition.top = mTop;
maskPosition.left = mLeft;
}
$(‘.mask‘).css(maskPosition).animate({height:maskHeight, width:maskWidth}).show();
return;
}
//底部展开
if (mTop- $(window).scrollTop() + maskHeight > $(window).height() - outerMarginTop) {
//如果超出底部
if (mTop + targetHeight > $(window).height() + $(window).scrollTop() - outerMarginTop) {
$(‘html,body‘).animate({scrollTop:mTop + targetHeight - $(window).height() + 30 + outerMarginTop})
}
//bottom出的超出顶部的话
if(mTop+outerMarginTop+targetHeight-maskHeight<$(window).scrollTop()){
$(‘html,body‘).animate({scrollTop:mTop+outerMarginTop+targetHeight-maskHeight})
}
//不是第一屏
if (openWidth > outBoxWidth) {
maskPosition.right = outBoxWidth - mLeft - targetWidth -14;
maskPosition.bottom = outBoxHeight - mTop - targetHeight -14;
maskPosition.top = ‘auto‘;
maskPosition.left = ‘auto‘;
} else {
maskPosition.left = mLeft;
maskPosition.bottom = outBoxHeight - mTop - targetHeight -14;
maskPosition.top = ‘auto‘;
}
//第一屏
//顶部展开
} else {
//如果超出顶部
if (mTop + outerMarginTop < $(window).scrollTop()) {
$(‘html,body‘).animate({scrollTop:mTop+outerMarginTop - 20})
}
//top出的超出底部的话
if(mTop+outerMarginTop+maskHeight>$(window).scrollTop()+$(window).height()){
$(‘html,body‘).animate({scrollTop:mTop+outerMarginTop+maskHeight-$(window).height()})
}
if (openWidth > outBoxWidth) {
maskPosition.right = outBoxWidth - mLeft - targetWidth -14;
maskPosition.top = mTop;
maskPosition.left = ‘auto‘;
} else {
maskPosition.top = mTop;
maskPosition.left = mLeft;
}
}
$(‘.mask‘).css(maskPosition).animate({height:maskHeight, width:maskWidth}).show();
})
}
return{
initWaterfall:init,
getID:returnIndexNum
}
})()
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>西藏游戏化的无限可能?《藏地传奇》真言活动?《藏地传奇》官方网站-十一月不删档测试</title>
<meta name="keywords" content="藏地传奇真言,藏地传奇真言活动,藏地传奇,藏地传奇官网,暗黑类网游"/>
<meta name="description" content="《藏地传奇》的真言活动页面，玩家可以在这里发表建言，把他们想要的西藏元素做进游戏里，让《藏地传奇》专属于你！提出你的真言，说出你对西藏游戏化的建议，一起来探索西藏题材的无限可能！"/>
<meta name="robots" content="all"/>
<meta name="author" content="网易，NetEase Inc."/>
<meta name="copyright" content="网易，NetEase Inc."/>
<meta name="pmid" content="272402"/>
<meta name="editor" content="fantuan,gzyuzhiheng,littlepanda"/>
<meta name="designer" content="arthy,ma"/>
<meta name="front-end technicist" content="Django,lam,Gseven,eyfan"/>
<meta name="animator" content="KWG,gzpangzhixu,QC"/>
<link type="text/css" rel="stylesheet" href="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/css/base.css" media="all"/>
<link type="text/css" rel="stylesheet" href="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/css/index.css" media="all"/>
<!--[if IE 6]>
<script>try {
document.execCommand("BackgroundImageCache", false, true);
} catch (e) {
}</script>
<![endif]-->
<script charset="gb2312" src="http://res.nie.netease.com/comm/js/jquery(mixNIE).last.js"></script>
<script src="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/js/handlebars.js"></script>
<script src="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/js/gWaterfall.js"></script>
<script src="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/js/index.js"></script>
<script type="text/javascript" src="http://img.nie.163.com/web_frame/autours/autours_min.js"></script>
<script src="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/js/ntesLogin.js"></script>
</head>
<body>
<div id="NIE-topBar"></div>
<!--[if IE 6]>
<div style="color:#fff;font-size: 14px;padding: 10px 0;text-align: center;font-weight: bold;">还在使用老掉牙IE6？这不科学！请使用IE8以上版本或者chrome，firefox等浏览器获得更好的视觉效果。</div>
<![endif]-->
<div id="wrap">
<h1 class="hide">《藏地传奇》官方网站-十一月不删档测试</h1>
<h2 class="hide">《藏地传奇》是国内第一款西藏题材MMORPG，网易游戏诚意出品。尘世之外的秘境，即将开启！十一月不删档测试，激活码持续发放中！</h2>
<div class="header">
<div class="top-nav">
<a href="http://zd.163.com/index.html" target="_blank" class="logo">藏地传奇官网</a>
<a href="http://zd.163.com/index.html" target="_blank" class="logo back">返回首页</a>
<a href="/#2" class="aBut aNav aNav_0" target="_blank">修行</a>
<a href="/#3" class="aBut aNav aNav_1" target="_blank">寻秘</a>
<a class="aBut aNav aNav_2" href="#">真言</a>
<a class="aBut aNav aNav_3" href="http://zd.163.com/#4" target="_blank">悟道</a>
<a class="aBut aNav aNav_4" href="http://zd.163.com/#5" target="_blank">降凡</a>
<a class="aBut aNav aNav_5" href="http://zd.163.com/#6" target="_blank">缘起</a>
</div>
<div class="dLinks">
<a class="dL2" href="http://zd.163.com/news/index.html" target="_blank"><span>新闻</span></a>
<a class="dL3" href="http://zd.163.com/jihuo/" target="_blank" onclick=‘new Image().src="http://webdog.nie.163.com/email?promark=o7k93";‘><span>抢号</span></a>
<a class="dL4" href="http://zd.163.com/jihuo/index.html?tc=jihuo" target="_blank" onclick=‘new Image().src="http://webdog.nie.163.com/email?promark=z29pb";‘><span>激活</span></a>
<a class="dL5" href="http://zd.163.com/download/" target="_blank" onclick=‘new Image().src="http://webdog.nie.163.com/email?promark=t0qpz";‘><span>下载</span></a>
<a class="dL6" href="http://zd.netease.com/" target="_blank"><span>论坛</span></a>
</div>
<div class="nav">
<a href="javascript:;" class="a1">我要建言</a>
<a href="javascript:;" class="a2">活动奖品</a>
<a href="javascript:;" class="a3">活动规则</a>
<a href="http://zd.163.com/jihuo/" class="a4" target="_blank">抢激活码</a>
<a href="javascript:;" class="a5">合作媒体</a>
</div>
</div>
<div class="left-nav">
<a class="nav1">预封测</a>
<a href="http://zd.163.com/jihuo/" class="nav2" target="_blank">抢激活码</a>
</div>
<div class="right-nav">
<a href="http://e.weibo.com/zdcqwb" class="nav3" target="_blank">关注微博</a>
<a href="#" class="nav4">扫描二维码</a>
</div>
<div class="out">
<div class="item1 item">
<div class="j-1">
<h2>把西藏做进游戏到底有多少可能?</h2>
<p class="intro">提交真言，说出你对西藏游戏化的建议一起探索西藏题材的无限可能</p>
<a href="javascript:;" class="login-btn"></a>
</div>
</div>
<div class="item2 item">
</div>
<div class="item3 item">
</div>
<div class="mask"></div>
<div class="loading">
<img src="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/images/loading.gif" width="50" height="50">
</div>
<!--提示-->
<div class="encourage-box">
<h3>登录后可参与抽奖，有实物及各种好礼相送</h3>
<a href="javascript:;" class="yes-a yes-login"><span class="bold">是</span>，登录拿好礼</a>
<a href="javascript:;" class="no-a no-zan"><span class="bold">否</span>，随便赞赞</a>
<span href="javascript:;" class="form-close"></span>
</div>
<!--提示-->
<div class="encourage-box2">
<h3>登录后可参与抽奖，有实物及各种好礼相送</h3>
<a href="javascript:;" class="yes-a yes-login" ><span class="bold">是</span>，登录拿好礼</a>
<a href="javascript:;" class="no-a no-post"><span class="bold">否</span>，我要继续发表内容</a>
<span href="javascript:;" class="form-close"></span>
</div>
<!--登录-->
<div class="login-form">
<h3>请登录你的网易通行证</h3>
<form id="login-form-box" action="https://reg.163.com/logins.jsp" method="POST" >
<ul>
<li><label for="username">网易通行证：</label><input id="username" name="username" tabindex="1"><a href="http://zd.163.com/reg/" class="reg-a">15秒快速注册</a> </li>
<li><label for="pwd">密码：</label><input id="pwd" name="password" tabindex="2" type="password"> </li>
<li class="btn-box"><button id="login-btn" type="submit" tabindex="3"></button></li>
</ul>
<input type="hidden" name="url" value="">
<input type="hidden" name="product" value="gamesales">
</form>
<p class="login-tips"></p>
<a href="javascript:;" class="form-close"></a>
</div>
<!--填写个人信息-->
<div class="info-form">
<h3>请填写你的个人信息</h3>
<form id="info-form-box">
<p>您好，为了能够第一时间将中奖信息通知到您，并为您提供更好的服务，请务必留下真实的姓名及手机号，谢谢！</p>
<ul>
<li><label for="name">您的姓名：</label><input id="name" name="name" tabindex="1">
<li><label for="phone">手机号码：</label><input id="phone" name="phone" tabindex="2" > </li>
<li class="btn-box"><a id="info-btn">确定</a></li>
</ul>
</form>
<p class="info-tips"></p>
<a href="javascript:;" class="form-close"></a>
</div>
<!--成功弹层-->
<div class="success-box">
<h3>恭喜您！</h3>
<p>您的内容已经成功提交，请等待后台审核！</p>
<div class="s-share-box">
<span>您可以分享到：</span>
<div class="s-share"></div>
</div>
<a href="javascript:;" class="form-close"></a>
</div>
<!--提交真言-->
<div class="post-form">
<h3>提交真言</h3>
<form id="post-form-box" action="http://zdcq.webapp.163.com/script/user/post_article" method="POST" enctype="multipart/form-data" target="upload">
<div class="left">
<ul>
<li><label for="title">标题：</label><input id="title" name="title" value="20字以内"></li>
<li><label for="nickname">昵称：</label><input id="nickname" name="nickname" value="6字以内"></li>
<li class="content-box"><label for="content">内容：</label><textarea id="content" name="content" >140字以内</textarea></li>
<li><label for="captcha_answer">验证码：</label><input id="captcha_answer" name="captcha_answer"><img id="captcha_img" name="captcha_img" src=""></li>
<li class="btn-box"><button id="post-btn" type="submit">提交</button><p class="post-tips"></p> </li>
<input id="captcha_id" name="captcha_id" type="hidden" value="">
</ul>
</div>
<iframe name="upload" frameborder="0" width="0" height="0"></iframe>
<div class="right">
<div class="pre-div"><img class="pre-img"></div>
<p class="post-att">特别提醒：图文并茂的真言将会比没有图片的真言更容易获奖哦！</p>
<a id="upload-a">选择图片</a>
<input id="upload-btn" type="file" onChange="handleFiles(this)" name="picture">
</div>
</form>
<p class="logout-tips">你好，<span class="username-span"></span>。<a href="javascript:;" id="login-out">退出登录</a> </p>
<a href="javascript:;" class="form-close"></a>
</div>
<!--活动规则-->
<div class="tc-gz tc">
<a class="tc-close" href="javascript:;" data-parent=‘.a3‘></a>
<h3>活动规则</h3>
<div class="cont">
<p>1、通过“提交真言”的入口，填写你希望在《藏地传奇》的游戏世界中看到的西藏化元素（例如：藏獒、酥油灯等），并附上支持该元素的理由；<br>
<a href="javascript:;" class="gz-btn"></a> <br>
你也可以通过点击“赞一下”来支持你喜爱的真言；或者根据页面提示分享至微博，邀请朋友一起来参加。
</p>
<p>2、我们将随机从活动参与者中抽取幸运奖获得者，颁发奖品</p>
<p>3、截止到8月20日12时，玩家投票最多的首条建言，其提供者将获得一等奖奖品！依次排列的二十条建言，其提供者将获得二等奖奖品！</p>
<p>4、为了保证您的获奖资格，请务必正确填写个人信息，以免影响奖品发放</p>
<p class="last">5、本活动不可重复获奖，最终解释权归《藏地传奇》官方所有</p>
</div>
</div>
<!--活动奖品-->
<div class="tc-jp tc">
<a class="tc-close" href="javascript:;" data-parent=‘.a2‘></a>
<h3>活动奖品</h3>
<div class="cont">
<div class="jp-item">
<span class="lv">一等奖</span>
<img src="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/images/jp1.jpg">
<p>iPad mini 1台</p>
</div>
<div class="jp-item">
<span class="lv">二等奖</span>
<img src="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/images/jp2.jpg">
<p>《藏地传奇》<br>限量创意T恤20件</p>
</div>
<div class="jp-item">
<span class="lv">幸运奖</span>
<img src="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/images/jp3.jpg">
<p>《藏地传奇》<br>启世封测激活码100枚</p>
</div>
</div>
</div>
<!--合作媒体-->
<div class="tc-mt tc">
<a class="tc-close" href="javascript:;" data-parent=‘.a5‘></a>
<h3>合作媒体</h3>
<div class="cont">
<a><img src="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/images/m173.jpg"></a>
<a><img src="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/images/mqq.jpg"></a>
<a><img src="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/images/mdw.jpg"></a>
<a><img src="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/images/mwy.jpg"></a>
<a><img src="http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/images/msn.jpg"></a>
</div>
</div>
<!--no more-->
<p class="no-more">没有更多了,快来上传真言赢奖品吧！</p>
</div>
<a class="top">top</a>
</div>
<script id="big-box-img-tpl" type="text/x-handlebars-template">
<div class=‘b-box‘>
<div class=‘over‘></div>
<div class=‘cont‘>
<div class=‘l‘>
<h3 class=‘y-title‘>{{title}}</h3>
<p class=‘y-writer‘>{{nickname}}</p>
<div class="y-content">{{content}}</div>
</div>
<div class=‘r‘>
<p class=‘y-share‘><i></i>转发微博</p>
<p class=‘y-up‘ data-artid=‘{{id}}‘><i></i>{{vote}}</p>
<p class="y-zyx">点爱心赞一下</p>
</div>
</div>
<div class="img-box">
<img src=‘{{img}}‘>
</div>
<a href="javascript:;" class="mask-close"></a>
<div class="all-over"></div>
</div>
</script>
<script id="big-box-noimg-tpl" type="text/x-handlebars-template">
<div class=‘b-box‘ data-tag=‘nopic‘>
<div class=‘cont-only‘>
<h3 class=‘y-title-only‘>{{title}}</h3>
<p class=‘y-writer-only‘>{{nickname}}</p>
<p class=‘y-desc-only bx‘>{{short}}</p>
<p class=‘content-all‘>{{content}}</p>
<p class=‘y-share-only‘><i></i>转发微博</p>
<p class=‘y-up-only‘ data-artid=‘{{id}}‘><i></i>{{vote}}</p>
<p class="y-zyx">点爱心赞一下</p>
</div>
<a href="javascript:;" class="mask-close"></a>
<div class="all-over"></div>
</div>
</script>
<script id="small-box-img-tpl" type="text/x-handlebars-template">
<div class=‘s-box‘>
<div class=‘over‘></div>
<div class=‘cont‘>
<div class=‘l‘>
<h3 class=‘y-title‘>{{title}}</h3>
<p class=‘y-writer‘>{{nickname}}</p>
<div class="y-content">{{content}}</div>
</div>
<div class=‘r‘>
<p class=‘y-share‘><i></i></p>
<p class=‘y-up‘ data-artid=‘{{id}}‘><i></i>{{vote}}</p>
<p class="y-zyx">点爱心赞一下</p>
</div>
</div>
<div class="img-box"><img src=‘{{img}}‘></div>
<a href="javascript:;" class="mask-close"></a>
<div class="all-over"></div>
</div>
</script>
<script id="small-box-noimg-tpl" type="text/x-handlebars-template">
<div class=‘s-box‘ data-tag=‘nopic‘>
<div class=‘cont-only‘>
<h3 class=‘y-title-only‘>{{title}}</h3>
<p class=‘y-writer-only‘>{{nickname}}</p>
<p class=‘y-desc-only‘>{{content}}</p>
<p class=‘y-share-only‘ ><i></i>分享</p>
<p class=‘y-up-only‘ data-artid=‘{{id}}‘><i></i>{{vote}}</p>
<p class="y-zyx">点爱心赞一下</p>
</div>
<a href="javascript:;" class="mask-close"></a>
<div class="all-over"></div>
</div>
</script>
</body>
</html>标签：des style http color os io 使用 java ar
原文地址：http://www.cnblogs.com/wpbars/p/3951915.html
