藏地传奇js
2024-02-29 15:42:48
http://zd.163.com/m/zhenyan/
js很厉害，有很多值得学习的地方，记录下来。
http://res.nie.netease.com/zdcq/qt/13/0625_zhenyan/js/index.js
var ZANTEMP; //cookies
jQuery.cookie = function(name, value, options) {
if (typeof value != 'undefined') { // name and value given, set cookie
options = options || {};
if (value === null) {
value = '';
options.expires = -1;
}
var expires = '';
if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
var date;
if (typeof options.expires == 'number') {
date = new Date();
date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
} else {
date = options.expires;
}
expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
}
var path = options.path ? '; path=' + options.path : '';
var domain = options.domain ? '; domain=' + options.domain : '';
var secure = options.secure ? '; secure' : '';
document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
} else { // only name given, get cookie
var cookieValue = null;
if (document.cookie && document.cookie != '') {
var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) {
var cookie = jQuery.trim(cookies[i]);
// Does this cookie string begin with the name we want?
if (cookie.substring(0, name.length + 1) == (name + '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
break;
}
}
}
return cookieValue;
}
}; //chrome上传预览
function handleFiles(files) {
if (!$.browser.msie||($.browser.msie&& $.browser.version=="10.0")){
//遍历files并处理
files=files.files;
for (var i = 0; i < files.length; i++) {
var file = files[i];
var imageType = /image.*/;
//通过type属性进行图片格式过滤
if (!file.type.match(imageType)) {
continue;
}
//读入文件
var reader = new FileReader();
reader.onload = function (e) {
//e.target.result返回的即是图片的dataURI格式的内容
var imgData = e.target.result,
img = document.createElement('img');
//img.src = imgData;
//展示img
$(".pre-img").attr("src", imgData).css("visibility", "visible");
}
reader.readAsDataURL(file);
} }else{//IE
var html="<div class='pre-img'></div>";
$('.pre-div').html('').html(html);
//采用滤镜效果生成图片预览
// files.select();
path =$('#upload-btn').val();
$('.pre-img').css({"filter":"progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src=\""+ path + "\")"});
}
} //temp
var clickedMask;
//check cookie
function cookie_check_logined() {
var s_info = $.cookie("S_INFO");
var p_info = $.cookie("P_INFO");
var now = new Date();
if (s_info != null && s_info != "" && p_info != null && p_info != "" && (now.getTime() / 1000 - s_info.split('|')[0]) / 600 < 1) {
return p_info.split('|')[0];
}
return false;
} //扩展中文字符截断
String.prototype.sub = function(n)
{
var r = /[^\x00-\xff]/g;
if(this.replace(r, "mm").length <= n) return this;
var m = Math.floor(n/2);
for(var i=m; i<this.length; i++) {
if(this.substr(0, i).replace(r, "mm").length>=n) {
return this.substr(0, i) ; }
} return this;
}; //post回调
function postArtCallback(result){
$('#captcha_img').trigger('click');
if(!result){
$('.post-tips').text('请填写完整').show();
return ;
}
if(result.success){
var maskHeight=315;
var maskWidth=645;
var maskPosition=$('.post-form').position();
$('.post-form').css({width:0,height:0}).hide();
$('.success-box').css({width:0,height:0}).css(maskPosition).animate({height:maskHeight, width:maskWidth}).show();
$('#captcha_answer').val('');
$('#content,#nickname,#title').val(''); }else{
if(result.unlogin){
$('.post-tips').text('帐号验证失败，请重新登录').show();
return;
}
$('.post-tips').text(result.msg).show();
}
}
//验证码
rnd.today=new Date();
rnd.seed=rnd.today.getTime();
function rnd() {
rnd.seed = (rnd.seed*9301+2973467) % 2332425280;
return rnd.seed;
}; $(function () {
var userName=cookie_check_logined()?cookie_check_logined():'';
var zanIsclick=false;
$('.username-span').text(userName); //绑定验证码
$('#captcha_img').click(function(){
var temp_id = parseInt(rnd());
$('#captcha_img').attr('src', "http://captcha-for-what.webapp.163.com/get_captcha?captcha_id=zdcq" + temp_id);
$('#captcha_id').val('zdcq' + temp_id);
});
$('#captcha_img').click(); var myWaterfall = gWaterFall.initWaterfall();
$('.top').click(function () {
$(window).scrollTop(0);
}) //导航绑定
$('.nav4').toggle(function(){
$(this).addClass('current')
},function(){
$(this).removeClass('current')
}) $('.a2').click(function(){
var display=$('.tc-jp').css('display');
$('.nav a').removeClass('current'); $('.tc').slideUp();
if(display=='none'){
$(this).addClass('current');
$('.tc-jp').slideDown();
}else{
$(this).removeClass('current');
$('.tc-jp').slideUp();
}
}) $('.a3').click(function(){
var display=$('.tc-gz').css('display');
$('.nav a').removeClass('current'); $('.tc').slideUp(); if(display=='none'){
$('.tc-gz').slideDown();
$(this).addClass('current');
}else{
$('.tc-gz').slideUp();
$(this).removeClass('current');
}
}) $('.a5').click(function(){
var display=$('.tc-mt').css('display');
$('.nav a').removeClass('current'); $('.tc').slideUp();
if(display=='none'){
$(this).addClass('current');
$('.tc-mt').slideDown();
}else{
$(this).removeClass('current');
$('.tc-mt').slideUp();
}
}) //上传绑定
$("#upload-a").click(function(){
$("#upload-btn").trigger('click');
})
$(".a1").click(function(){
$('.j-1').trigger('click');
}) $('.gz-btn').click(function(){
$('.j-1').trigger('click');
}) $("#post-btn").click(function(e){ })
//点赞
$('.mask .y-up,.mask .y-up-only').live('click',function(){
ZANTEMP=$(this);
var id=$(this).attr('data-artid');
var p=$(this);
var _this=$(this);
if(!cookie_check_logined()){
if(!zanIsclick){
var maskHeight=315;
var maskWidth=645;
var maskPosition=$('.mask').position();
$('.encourage-box').css({width:0,height:0}).css(maskPosition).animate({height:maskHeight, width:maskWidth}).show();
return;
}
}
$.getJSON('http://zdcq.webapp.163.com/script/user/vote_article?article_id='+id+'&callback=?',function(data){
if(data.article_resp){ _this.trigger('click');
// return;
}
if(data.success){
// alert('点"赞"成功');
var newNum=parseInt( p.html().toLowerCase().split('</i>')[1],10)+1;
// console.log(p.html()) ;
console.log(parseInt( p.html().split('</i>')[1],10));
p.html('<i></i>'+newNum) ;
clickedMask.find('.y-up,.y-up-only').html('<i></i>'+newNum); }else{
alert(data.msg);
}
});
}) //选择登录与否
$('.yes-login').click(function(){
var maskHeight=315;
var maskWidth=645;
var maskPosition=$(this).parent().position();
$(this).parent().animate({width:0,height:0}).hide();
$('.login-form').css({width:0,height:0}).css(maskPosition).animate({height:maskHeight, width:maskWidth}).show();
if(!cookie_check_logined()){
$('.logout-tips').hide();
}else{
$('.logout-tips').show();
}
}) $('.no-zan').click(function(){
$('.encourage-box').animate({width:0,height:0},function(){
$('.encourage-box').hide();
})
zanIsclick=true;
ZANTEMP.trigger('click'); }) $('.no-post').click(function(){
var maskHeight=315;
var maskWidth=645;
var maskPosition=$(this).parent().position();
$(this).parent().animate({width:0,height:0}).hide();
$('.post-form').css({width:0,height:0}).css(maskPosition).animate({height:maskHeight, width:maskWidth}).show();
if(!cookie_check_logined()){
$('.logout-tips').hide();
}else{
$('.logout-tips').show();
}
})
//填写用户信息
$('#info-btn').click(function(){
var name=$("#name").val();
var phone=$('#phone').val();
$.getJSON('http://zdcq.webapp.163.com/script/user/fill_userinfo?name='+name+'&phone='+phone+'&callback=?',function(data){
if(data.success){
if(!ZANTEMP){
var maskHeight=$('.info-form').height();
var maskWidth=$('.info-form').width();
var maskPosition=$('.info-form').position();
$('.info-form').hide();
$('.post-form').css(maskPosition).animate({height:maskHeight, width:maskWidth}).show();
$('.logout-tips').show();
}else{
ZANTEMP.trigger('click');
$('.info-form').hide();
}
}
if(data.error){
alert(data.msg);
}
})
}) $('.mask').live('click',function(e){
if($(e.target).hasClass('y-up')||$(e.target).hasClass('NIE-share')||$(e.target).hasClass('y-up-only')){
return;
}
var _self=$(this);
$(this).animate({
width:0,
height:0
},function(){
_self.hide();
})
}) //登录开始
AutoUrs.bind("username", {
mailList: [
"163.com",
"126.com",
"yeah.net",
"qq.com",
"vip.163.com",
"vip.126.com",
"188.com",
"gmail.com",
"sina.com",
"hotmail.com"
],
tabTo: "password",
cookie: "global"
}); $("#login-form-box").ntesLoginForm({
beforeSubmit: function() {
var is_ok = true;
var username = $("#login-form-box input[name=username]");
var password = $("#login-form-box input[name=password]");
if (!username.val() || username.val() == "如name@example.com") {
// $("#acErr").show()
is_ok = false;
} if (!password.val()) {
// $("#pwdErr").show()
is_ok = false;
}
return is_ok;
},
success: function(params) {
userName=cookie_check_logined();
var maskHeight=$('.login-form').height();
var maskWidth=$('.login-form').width();
var maskPosition=$('.login-form').position();
$('.username-span').html(userName);
$('.login-tips').text('').hide();
$.getJSON('http://zdcq.webapp.163.com/script/user/is_userinfo_fill?urs='+userName+'&callback=?',function(data){ if(!data.fill){
$('.login-form').hide();
$('.info-form').css(maskPosition).animate({height:maskHeight, width:maskWidth}).show();
}else{
$('.login-form').hide();
if(ZANTEMP){
ZANTEMP.trigger('click');
}else{
$('.post-form').css(maskPosition).animate({height:maskHeight, width:maskWidth}).show();
} $('.logout-tips').show();
}
})
},
fail: function(params) {
$('.login-tips').text(params.errorMsg).show();
}
}); //out login
$("#login-out").click(function () {
var oldUrl=window.location.href;
window.location='http://reg.163.com/Logout.jsp?username='+userName+'&url='+oldUrl;
}) //成功分享
nie.use(['util.share'],function(){
var successShare = nie.util.share({
fat: ".s-share",
type: 6,
defShow: [5, 1, 3, 2],
title: '我刚刚参与了《藏地传奇》真言活动，提交你的真言，说出你对西藏游戏化的建议，一起探索西藏题材的无限可能！还有机会获得iPad mini等精美奖品哦！活动地址：',
img: ''
});
}) //post input focus
$('#title').focus(function(){
if($(this).val()=='20字以内'){
$(this).val("")
}
})
/*
$('#title').blur(function(){
if($(this).val()==''){
$(this).val("20字以内")
}
})
*/
$('#nickname').focus(function(){
if($(this).val()=='6字以内'){
$(this).val('')
}
})
/*
$('#nickname').blur(function(){
if($(this).val()==''){
$(this).val("6字以内")
}
})
*/
$('#content').focus(function(){
if($(this).val()=='140字以内'){
$(this).val('')
}
})
/*
$('#content').blur(function(){
if($(this).val()==''){
$(this).val("140字以内")
}
})
*/
$('.top').css('right',($(window).width()-$('.out').width())/2-50);
$(window).resize(function(){
$('.top').css('right',($(window).width()-$('.out').width())/2-50);
}) $('.form-close').live('click',function(){
var parent=$(this).parent();
$(this).parent().animate({
width:0,
height:0
},function(){
parent.hide();
})
}) $('.tc-close').click(function(){
$(this).parent().slideUp();
var pid=$(this).attr('data-parent');
$(pid).removeClass('current');
})
})
最新文章
- webpack和gulp的区别
- maven引入json-lib的正确方法
- html/css/js小技巧实例
- 安装完eclipse,dbwear后，需要在他们解压文件.ini下加上你liux的jdk的安装路径，才能正常使用
- 【汉字乱码】IE下GET形式传递汉字。
- 深入理解this对象
- 4.7 《硬啃设计模式》 第24章 麻烦的多角关系 - 中介者模式(Mediator Pattern)简介
- QStringLiteral的两篇外文解释（编译期转换成QString）
- TCP与UDP在socket编程中的区别 （网络收集转载）
- 阿里宣布Atlas正式开源：带你重返App开发的田园时代
- 使用JPA和Hibernate进行批量处理的最佳方式
- 使用WordPress快速建站
- 在CentOS7.1上安装Gitlab碰到的问题及解决方法
- javascript: Element.getBoundingClientRect() 获取元素在网页上的坐标位置
- CentOS优化
- bootstrap的学习总结
- Android Studio NDK开发入门
- @Transactional + FetchType.LYZY (hibernate) <---> Exception: could not initialize proxy - no Session;
- 2014.1.4 cxf spring webservice
- CSS nth-child、first-child、last-child、nth-of-type、first-of-type和last-of-type选择器使用
热门文章
- 应用ExcelPackage导出Excel
- 7-days-asp-dotnet-mvc-day1
- discuz 7.2 faq.php sql注入了一些研究
- [ZZ] python 语言技巧
- hdu 1814 Peaceful Commission （2-sat 输出字典序最小的路径）
- Android - JNI加入标准C++文件
- 拷贝构造函数，深拷贝，大约delete和default相关业务，explicit,给定初始类，构造函数和析构函数，成员函数和内联函数，关于记忆储存，默认参数，静态功能和正常功能，const功能，朋友
- vs2012 + web api + OData + EF + MYsql
- Socket 由浅入深系列--------- 简单实现编程（三）
- 使用Jenkins来构建Docker容器