简单的页面互点Javascript代码

2022-09-21 12:19:28

简单的页面互点Javascript代码,可以适用于前端
$(function(){

$('.ip_b_con_item li,.pro_index_list li').mouseover(function(){
$(this).addClass("hover");
});
$('.ip_b_con_item li,.pro_index_list li').mouseleave(function(){
$(this).removeClass("hover");
});

$("#ip_b_title a").each(function(i){
$(this).click(function(){
$(this).addClass("hover").siblings("a").removeClass("hover");
$("#pro_scroll_con .scrollCon").eq(i).show(0).siblings(".scrollCon").hide(0);
if(i==2){
$(".scrollConwrap").eq(i).css("height","355px");
$(".n_index_block_4").css("height","493px");
}else{
$(".n_index_block_4").css("height","409px");
}
})

})

$(".hshare a.icon_weixin").mouseover(function(){
$(this).find("img").fadeIn(500);
}).mouseleave(function(){
$(this).find("img").stop(true,false).fadeOut(500);
})

var wtimer = null;
var windows = $(window);
var nav = $('#nav');
var goTopDiv = $("#goTopDiv");
var logoImg =$(".logo");
$(window).scroll(function(){
if(wtimer){
clearTimeout(wtimer);
}
wtimer = setTimeout(scrollbody,30);
});

$(document).ready(function(){
scrollbody();
$(".m_banner").addClass("m_banner_hover");
/*΢��
var timesa = null;
$(".nav a.a3").mouseover(function(){
$(this).find("img").fadeIn(500);
clearTimeout(timesa);
}).mouseleave(function(){
var _t = $(this);
timesa = setTimeout(function(){
_t.find("img").fadeOut(500);},300)
});*/

if(typeof pageid != "undefined"){
if(pageid == 3)
{
//getpplnImg();
//getpplnImg2();
//initPic();
}
}

});

$("a.top").click(function(){
$("html,body").animate({scrollTop:0},500,"easeInOutExpo");
});
$("#rm_list .more_a").click(function(){
$("#sqzw_tips").show(500);
$("#sqzw_tips .colse").unbind("click").bind("click",function(){
$("#sqzw_tips").hide(500);
})
});

window.scrollFnc = function(obj,objChild,btnobj,btnobjChild,callback){
this.list = $(obj).find(objChild);
this.stimers = null;
this.callback =null;
this.index = 0;
this.btn = $(btnobj).find(btnobjChild);
this.list.fadeOut(0).eq(0).fadeIn(500);
this.objChild = objChild;
this.btnobjChild = btnobjChild;
var self = this;
this.btn .each(function(i){
$(this).mouseover(function(){
self.show(i);

});

});
return this;
}

scrollFnc.prototype.play = function(){
var now = this.list.eq(this.index);
}
scrollFnc.prototype.show = function(i){
this.list.eq(i).stop(true,true).fadeIn(500).siblings(this.objChild).stop(true,true).fadeOut(500);
this.btn.eq(i).addClass("hover").siblings(this.btnobjChild).removeClass("hover");
this.index = i;
typeof this.callback =="function" &&this.callback();
}
scrollFnc.prototype.next =function(){
var now = this.index;

if(now==this.list.length-1){
now = 0;
}else{
now++;
}
this.show(now);

}
scrollFnc.prototype.prev =function(){
var now = this.index;
console.log(now)
if(now==0){
now = this.list.length-1;
}else{
now--;
}
this.show(now);
}

});

});
return this;
}

if(now==this.list.length-1){
now = 0;
}else{
now++;
}
this.show(now);

}
scrollFnc.prototype.prev =function(){
var now = this.index;
console.log(now)
if(now==0){
now = this.list.length-1;
}else{
now--;
}
this.show(now);
}

var loadflag = true;
function showProImg(id,classid){
var imgid = id;
var classid = classid;
if(!loadflag){
return;
}
if(!$("#load")[0]){
$("body").append("<div id='load' class='load'></div>");
}
$("#load").fadeIn(300);

loadflag = false;
$.get("/ajax/getproimg.php?d="+new Date(),{id:imgid,classid:classid},function(data){
loadflag = true;
$("#load").fadeOut(300);
var jdata = eval("["+data+"]")[0];
if(typeof window.proImg != "object"){
window.proImg = new InitProImg();
}

window.proImg.setData(jdata)
/*
var jdata = eval("["+data+"]")[0];
$('#ptitle').html(jdata.title);
$('#ptitle2').html(jdata.title);
$('#ptitle3').html(jdata.ftitle);
$('#ptitle4').html(jdata.xmgh);
$('#newsContent').html(jdata.xmsm);
$('#pbanner').html(jdata.img);
ref.refresh();
window.caseid = jdata.id;
$('.poject_detail_box_wrap,.poject_detail_box_wrap_bg').show();
$('.p_left,.p_right').stop(false,true).fadeIn(500);

*/
});

}
function InitProImg(data){

this.time = null;
this.proImg = null;
this.title = null;
this.proIndex = 0;
var imgtext =$("#imgtext");
$("#profixed_box .img").mouseover(function(){
var h =imgtext.height()+48;
$(this).find("#imgtext").animate({top:(590-h)+'px'},500);
}).mouseleave(function(){
var h =imgtext.height()+48;
$(this).find("#imgtext").animate({top:590+"px"},500);
}).click(function(){
return false;
});

this.setData = function(data){
this.data = data;
this.proImg = data.img;
this.proText = data.text;
this.classid = data.classid;
this.nextIndex = data["next"]||null;
this.prevIndex = data["prev"]||null;

this.title = data.title;
$("#title").html(this.title);
$("#profixed_box,#profixed_bg").fadeIn(500);
this.lengths = this.data['all'];
this.showData(0);
}

this.showData = function(i){
$("#profixed_box #img").fadeOut(200).fadeIn(200).attr("src",this.proImg);

$("#imgtext").text(this.proText);
$("#icon_text").html(this.data["now"]+"/"+this.lengths);
this.proIndex = i;

}

this.next = function(e){
var e = e||window.event;
e.stopPropagation();

this.hideTips();
if(this.nextIndex==null){
/*
$("#tipsImg").html("�Ѿ��һ��").fadeIn(500);
this.time = setTimeout(this.hideTips,1500);
return;*/
this.nextIndex = this.data["fristid"];
}

showProImg(this.nextIndex,this.classid)

}
this.prev = function(e){
var e = e||window.event;
e.stopPropagation();
this.hideTips();
if(this.prevIndex ==null){
/*
$("#tipsImg").html("��ǰΪ��һ��").fadeIn(500);
this.time = setTimeout(this.hideTips,1000);
return;*/
this.prevIndex = this.data["lastid"];
}

showProImg(this.prevIndex,this.classid)
}

this.hideTips = function(){
clearTimeout(this.time);
console.log(this.time)
if(!$("#tipsImg")[0]){
$("body").append("<div id='tipsImg'></div>");
}
$("#tipsImg").stop(true,true).fadeOut(300);
}

this.close = function(){
$("#profixed_box,#profixed_bg").fadeOut(500);
}

}

submit_from1_flag = true;
function submit_ljbm(){

if(!submit_from1_flag){
return ;
}

if($.trim($('input[name=title]').val())=='')
{
alert('请填写姓名比如http://www.hiry.cn/a/beijingtechan/');
return false;
}

if(!checkMobile('input[name=call]')){
return;
}
if($.trim($('input[name=company]').val())=='')
{
alert('请填写所在地区比如http://www.hiry.cn/a/anhuitechan/');
return false;
}
if($.trim($('input[name=saytext]').val())=='')
{
alert('请填写内容比如http://www.hiry.cn/a/sichuantechan/');
return false;
}

$.ajax({
type:'POST',
url:'/e/enews/index.php',
// post payload:
dataType:'json',
data:$('#form1').serialize(),
success: function(data){
if(data.status==0){
alert("提交失败,原因:"+data.msg);
submit_from1_flag = true;
}else if(data.status==1){
alert(data.msg);
submit_from1_flag = false;
document.getElementById('form1').reset();
}
},
error:function(xhr, type){

}
}
)

}

//正品查询
function submit_zpcx(){

if(!submit_from1_flag){
return ;
}

if($.trim($('input[name=dingdan]').val())=='')
{
alert('请填写订单号');
return false;
}
if($.trim($('input[name=name]').val())=='')
{
alert('请填写姓名');
return false;
}

if(!checkMobile('input[name=call]')){
return;
}
if($.trim($('input[name=address]').val())=='')
{
alert('请填写联系地址');
return false;
}

if($.trim($('input[name=key]').val())=='')
{
alert('请填写验证码');
return false;
}

$("input[name=title]").val("正品查询单号:"+$('input[name=dingdan]').val());
$.ajax({
type:'POST',
url:'/e/enews/index.php',
// post payload:
dataType:'json',
data:$('#form1').serialize(),
success: function(data){
if(data.status==0){
alert("提交失败,原因:"+data.msg);
submit_from1_flag = true;
}else if(data.status==1){
alert(data.msg);
submit_from1_flag = false;
document.getElementById('form1').reset();
}
},
error:function(xhr, type){

}
}
)

}

function checkMobile(smobj){
var sMobile =$(smobj).val();
if(!(/^1[3|4|5|8][0-9]\d{4,8}$/.test(sMobile))){
alert("不是完整的11位手机号或者正确的手机号前七位");
$(smobj).focus();
return false;
}

return true;
}

function submit_from1(){

if(!submit_from1_flag){
return ;
}
if($.trim($('#title1').val())==''){
alert("请输入姓名");
return;
}
if(!checkMobile('#call1')){
return;
}
if($('#Province').val()=='请选择'||$('#City').val()=='请选择'||$('#Area').val()=='请选择'){
alert('请选择所在的城市');
return false;
}

$('#address1').val(getAddress('#Province','#City','#Area'));

submit_from1_flag = false;
$.ajax({
type:'POST',
url:'/e/enews/index.php',
// post payload:
dataType:'json',
data:$('#form1').serialize(),
success: function(data){
if(data.status==0){
alert("提交失败,原因:"+data.msg);
submit_from1_flag = true;
}else if(data.status==1){
alert(data.msg);
submit_from1_flag = false;
document.getElementById('form1').reset();

}
},
error:function(xhr, type){

}
}
)
}

function submit_tsjy(){
if(!submit_from1_flag){
return ;
}

if($.trim($('input[name=title]').val())=='')
{
alert('请填写姓名');
return false;
}

if(!checkMobile('input[name=call]')){
alert('请填写电话');
return;
}

if($.trim($('textarea[name=saytext]').val())=='')
{
alert('请填写留言');
return false;
}

if($.trim($('input[name=key]').val())=='')
{
alert('请填写验证码');
return false;
}

}
}
)
}

endgetpplnImg();
});
}
function endgetpplnImg(){
$('.a_img_list a').magnificPopup({
type: 'image',
closeOnContentClick: true,
closeBtnInside: false,
fixedContentPos: true,
mainClass: 'mfp-no-margins mfp-with-zoom', // class to remove default margin from left and right side
image: {
verticalFit: true,
titleSrc: function(item) {
return item.el.find("div").html();
}
},
zoom: {
enabled: true,
duration: 300 // don't foget to change the duration also in CSS
}
});
}

initPic()
});

}
function initPic(){

window.banner1 = new scrollFnc(".a3_banner_list","li",".banner_list_cur","a");
$("a.prev").bind("click",function(){
window.banner1.prev();
});
$("a.next").bind("click",function(){
window.banner1.next();
});
}

function getpplcImg(){
var left = $(".pplc_list_left");
var right = $(".pplc_list_right");
left.html("");
right.html("<div class='h20'></div><div class='h20'></div><div class='h10'></div>");

var temp1 = '';
var temp2 = ''

$.get("/ajax/getpic.php?d="+new Date(),{picid:33},function(data){
var jdata = eval(data);
for(var i =0;i<jdata.length;i++){
if((i+1)%2==0&&i>0){
temp1+='<div class="item item2"><div class="con"><div class="t1">'+jdata[i].title+'</div><div class="t2">'+jdata[i].pictext+'</div><div class="img"><img src="'+jdata[i].titlepic+'" alt=""></div></div></div>';
}else{
temp2+='<div class="item"><div class="con"><div class="t1">'+jdata[i].title+'</div><div class="t2">'+jdata[i].pictext+'</div><div class="img"><img src="'+jdata[i].titlepic+'" alt=""></div></div></div>';
}

}

left.append(temp2);
right.append(temp1);
});
}

function goTop(){

$("body,html").animate({scrollTop:0},300);
}

function getPage(classid){

$.get("/ajax/getpage.php?d="+new Date(),{"classid":classid},function(data){
var jdata = eval(data);
CreatPage(jdata[0]["count"]);
});

}

function CreatPage(count){
var onepage = 12;
var tcount = Math.ceil(count/onepage);
var temp = [];
temp.push("<a href='prev' onclick='showPagePrev()'><</a>");
for(var i = 1;i<=tcount;i++){
temp.push("<a href='javascript:' onclick='showPage("+i+")'>"+i+"</a>");
}
temp.push("<a href='next' href='javascript:' onclick='showPageNext()'>></a>");
var tempHtml = temp.join("");
console.log(tempHtml);
$(".page").html(tempHtml)
}

function setScroll_flash(scroll_obj,btn_left,btn_right,c_width,c_num,callback){
if (!$(scroll_obj)[0])
return;
var _t = this;
_t.i = 0;
var p = $(scroll_obj).find('ul'), pList = $(scroll_obj).find('li'), len = pList.length;
_t.timer = null;

function prev(){
if(_t.i-1<0){
_t.i = len-1;
}else{
_t.i--;
}
_t.show();
}
function next(){
if(_t.i+1==len){
_t.i = 0;
}else{
_t.i++;
}
_t.show();

}
_t.show = function(){
p.stop(true,false).animate({
marginLeft:-_t.i * w
},500);
if(_t.timer){
clearTimeout(_t.timer);
_t.autoplay();
}
if(callback){
callback(_t.i);
}
}

_t.resize = function(){

_t.w = c_width==null?$(scroll_obj).width():c_width, num = c_num;
p.css('margin-left',-(_t.i*_t.w));
pList.css('width',_t.w);
p.css('width',_t.w*len);

};
$(window).resize(function(){
_t.resize();

});

if(btn_left){
var elePrev = $(btn_left);
elePrev.unbind('click').bind('click',prev);

}
if(btn_right){
var eleNext = $(btn_right);
eleNext.unbind('click').bind('click',next);

}

_t.resize();
var show_falg = true;
$('.scrollmbanner').mouseover(function(){
if(show_falg){
show_falg = false;
$(this).find('a.scrollbtn_left').stop(false,true).fadeIn(500);
$(this).find('a.scrollbtn_right').stop(false,true).fadeIn(500);
}
}).mouseleave(function(){
if(!show_falg){
show_falg = true;
$(this).find('a.scrollbtn_left').fadeOut(500);
$(this).find('a.scrollbtn_right').fadeOut(500);
}
});
_t.nexts = function(){
next();
}
_t.autoplay = function(){

_t.timer = setTimeout(function(){
_t.nexts();

$('#banner_cur a').eq(_t.i).addClass('hover').siblings().removeClass('hover');
},5000);

}

_t.autoplay();
return _t;

}

})
});

return _t;

}

function scrollTopBanner(objList,curList,itemHeight,curType,hoverClass,callback){

}

function show_baomin(){
$('.show_baoming').hide(0);
$('.zt_baoming_wrap').css({'left':'auto','right':0}).animate({width:'100%'},300,function(){
$('.zt_baoming_con').show(0);
});

}

function hide_baomin(){
$('.zt_baoming_con').hide(0);
$('.zt_baoming_wrap').css({'left':'auto','right':0}).animate({width:0},300,function(){
$('.show_baoming').show(0);
});

}

码农公寓

相关文章