简单的页面互点Javascript代码

简单的页面互点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);
});

function scrollbody(){
var top = windows.scrollTop();
if(top>95){
nav.addClass("fixednav");
logoImg.addClass("fixedlogo");
goTopDiv.find("a").show(100);
}else{
nav.removeClass("fixednav");
logoImg.removeClass("fixedlogo");
goTopDiv.find("a").hide(100);
}
if(top>100){
$("a.top").show(100);
}else{
$("a.top").hide(100);
}
}

$(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);
}

});

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);
}

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;
}

$.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 getpplnImg(){
var temp_pic = ‘‘;
var temp_cur = ‘‘;
$(".a_img_list").html("");
$.get("/ajax/getpic.php?d="+new Date(),{picid:31},function(data){
var jdata = eval(data);
for(var i =0;i<jdata.length;i++){
var temp = ‘<li><a href="‘+jdata[i].titlepic+‘" class="hover_img"><img src="‘+jdata[i].titlepic+‘"><div class="hide">‘+jdata[i].pictext+‘</div></a></li>‘;
if(i<4){
$(".a_img_list").eq(0).append(temp);
}else if(i<8){
$(".a_img_list").eq(1).append(temp);
}
}

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
}
});
}

function getpplnImg2(){
var temp_pic = ‘‘;
var temp_cur = ‘‘;
var ul = $(".a3_banner_list ul");
ul.html("");
$.get("/ajax/getpic.php?d="+new Date(),{picid:32},function(data){
var jdata = eval(data);
for(var i =0;i<jdata.length;i++){
temp_pic += ‘<li><div class="img"><img src="‘+jdata[i].titlepic+‘" width="490" height="270"></div><div class="rtext"><div class="t_1">‘+jdata[i].title+‘</div>‘+jdata[i].pictext+‘</div><div class="cls"></div></li>‘;
if(i==0){
temp_cur+="<a href=‘javascript:‘ class=‘hover‘></a>";
}else{
temp_cur+="<a href=‘javascript:‘></a>"
}
}
ul.html(temp_pic);
$(".banner_list_cur").html(temp_cur);

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+‘" ></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+‘" ></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;

}

function setScroll(scroll_obj,btn_left,btn_right,c_width,c_num,callback){
if (!$(scroll_obj)[0])
return;
var _t = this;
_t.i = 0;
_t.hoverIndex = 0;
var p = $(scroll_obj).find(‘ul‘), pList = $(scroll_obj).find(‘li‘), len = pList.length;
var elePrev = $(btn_left), eleNext = $(btn_right);
//var firstClick = false;
elePrev.unbind(‘click‘);
eleNext.unbind(‘click‘);
pList.unbind(‘click‘);
p.css(‘margin-left‘,0);
eleNext.removeClass(‘gray‘);
elePrev.addClass(‘gray‘)
var w = c_width, num = c_num;
p.css(‘width‘,w*len);
if (len <= num)
eleNext.addClass(‘gray‘);
function prev(){
if (elePrev.hasClass(‘gray‘)) {
//alert(‘已经是第一张了‘);
return;
}
p.animate({
marginLeft:-(--_t.i) * w
},500);
if (_t.i < len - num) {
eleNext.removeClass(‘gray‘);
}
if (_t.i == 0) {
elePrev.addClass(‘gray‘);
}
if(callback){
callback(_t.i);
}
}
function next(){
if (eleNext.hasClass(‘gray‘)) {
//alert(‘已经是最后一张了‘);
return;
}
//p.css(‘margin-left‘,-(++i) * w);
p.animate({
marginLeft:-(++_t.i) * w
},500);
if (_t.i != 0) {
elePrev.removeClass(‘gray‘);
}
if (_t.i == len - num) {
eleNext.addClass(‘gray‘);
}
if(callback){
callback(_t.i);
}
}
elePrev.bind(‘click‘,prev);
eleNext.bind(‘click‘,next);
pList.each(function(n,v){
$(this).click(function(){
if(n-_t.i == num-1){
next();
}
if(n-_t.i == 0){
prev()
}
_t.hoverIndex = n;
$(this).addClass(‘hover‘).siblings().removeClass(‘hover‘);
if($(this).attr(‘big_pic‘)!=null){
$(‘#big_pic‘).css(‘background-image‘,"url("+$(this).attr(‘big_pic‘)+")");
}

})
});

return _t;

}

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

var sindex = 0;
var timer = null;
$(curList).each(function(i){
$(this).mouseover(function(){
if(timer) clearTimeout(timer);
$(this) .addClass(hoverClass).siblings(curType).removeClass(hoverClass);
sindex = i;
$(objList).stop(true,false).animate({"marginTop":-i*itemHeight+"px"},1000,"easeInOutExpo",function(){
timer = setTimeout(function(){autoPlay(sindex)},4000);
typeof(callback)=="function" && callback();
})
});
});
$(curList).eq(0).mouseover();
function autoPlay(i){
var i = i+1;
if(i+1>$(curList).length) i = 0;
$(curList).eq(i).mouseover();
}

}

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);
});

}

原文地址：https://www.cnblogs.com/blogst/p/10740436.html

时间： 2024-09-30 07:16:35

简单的页面互点Javascript代码的相关文章

打印HTML页面部分区域javascript代码

1 function preview(oper) { 2 if (oper < 10) { 3 bdhtml = window.document.body.innerHTML; //获取当前页的html代码 4 sprnstr = "<!--startprint" + oper + "-->"; //设置打印开始区域 5 eprnstr = "<!--endprint" + oper + "-->"

一个简单的、面向对象的javascript基础框架

如果以后公司再能让我独立做一套新的完整系统,那么我肯定会为这个系统再写一个前端框架,那么我到底该如何写这个框架呢? 在我以前的博客里我给大家展示了一个我自己写的框架,由于当时时间很紧张,做之前几乎没有完整的思考过我到底该如何去写这个框架,所以事后对于这个框架我有很多遗憾之处,当我重构过一次代码后我就没再做过任何重构操作的工作,因为我根本不想再去给它修修补补了,之所以有这个想法,就是我对我写的那个框架的基础架构不满意. 为什么不满意这个基础架构了?我们先来看看我当时封装框架的方式: (functi

代码示例：一些简单技巧优化JavaScript编译器工作详解，让你写出高性能运行的更快JavaScript代码

告诉你一些简单的技巧来优化JavaScript编译器工作,从而让你的JavaScript代码运行的更快.尤其是在你游戏中发现帧率下降或是当垃圾回收器有大量的工作要完成的时候. 单一同态: 当你定义了一个两个参数的函数,编译器会接受你的定义,如果函数参数的类型.个数或者返回值的类型改变编译器的工作会变得艰难.通常情况下,单一同态的数据结构和个数相同的参数会让你的程序会更好的工作. function example(a, b) { // 期望a,b都为数值类型 console.log(++a * +

通过javascript库JQuery实现页面跳转功能代码

通过javascript库JQuery实现页面跳转功能代码的四段代码实例如下. 实例1: 1 2 3 4 $(function(){ var pn = $("#gotopagenum").val();//#gotopagenum是文本框的id属性 location.href = "NewList.aspx?pagenum="+pn;//location.href实现客户端页面的跳转 }); 实例2: 实现跳转:window.location = 'user!add.

JavaScript简单抽奖程序的实现及代码

JavaScript简单抽奖程序的实现及代码 1.需求说明 某公司年终抽奖,需要有如下功能 1)可以根据实际情况设置到场人数的最大值 2) 点击"开始",大屏幕滚动,点击"停止",获奖者的编号出现在大屏幕上 3)在界面里显示全部奖项获奖人编号 4)不重复获奖 5)不会因为输入错误而导致抽奖结果异常. 2.代码呈上 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 TRANSITIONAL//EN">

FineUI（专业版）实现百变通知框（无JavaScript代码）！

曾经,有网友抱怨FineUI中连个通知框都没有,当用户进行某个操作成功时给个右下角的提示很不方便. 强大的设置参数 现在,FineUI(专业版)提供了强大的通知框机制,一个小小的通知框居然有多达 16 种不同的设置,可见威力之强大. 下面通过一张图片来简单概括一下: 1. 模式或者非模式对话框2. 消息图标可显示(消息.警告.问题.错误.成功),也可隐藏3. 正在加载图片可显示隐藏4. 消息正文可自定义5. 对话框标题可自定义6. 关闭图标可显示隐藏7. 标题栏可拖动8. 标题栏可隐藏9. 弹出

【原创】如何管理你的 Javascript 代码

今天不聊技术的问题,咱们来聊聊在前端开发中如何管理好自己的 Javascript 代码.首先,咱们先来说说一般都有哪些管理方式?我相信 seajs.requirejs 对于前端开发者而言都不陌生,不错它们都是前端代码模块化开发的利器,显然以模块化的方式去管理我们的 Javascript 代码,是很不错的选择. 不过今天咱不谈模块化开发,因为上面的两个工具已经做得很好了,只要到他们的官方网站找到相应的文档资料,认真学习,不需太多时日你也能掌握模块化开发了.今天咱们要谈的是在不依赖模块管理工具的前提

深入理解JavaScript系列（1）：编写高质量JavaScript代码的基本要点(转)

才华横溢的Stoyan Stefanov,在他写的由O’Reilly初版的新书<JavaScript Patterns>(JavaScript模式)中,我想要是为我们的读者贡献其摘要,那会是件很美妙的事情.具体一点就是编写高质量JavaScript的一些要素,例如避免全局变量,使用单变量声明,在循环中预缓存length(长度),遵循代码阅读,以及更多. 此摘要也包括一些与代码不太相关的习惯,但对整体代码的创建息息相关,包括撰写API文档.执行同行评审以及运行JSLint.这些习惯和最佳做法可以

[转]7个高性能JavaScript代码高亮插件

对于喜欢写技术博客的同学来说,一定对代码高亮组件非常熟悉.一款优秀的JavaScript代码高亮插件,将会帮助你渲染任何一种编程语言,包括一些关键字的着色,以及每行代码的缩进等.今天我们要来分享一些高性能的JavaScript代码高亮插件,这些JavaScript代码高亮插件将非常有效地帮你实现在网页上的代码编辑和展示. 1.SyntaxHighlighter – 最优秀的JavaScript代码高亮插件 SyntaxHighlighter 是一款完全基于JavaScript的代码高亮插件,Sy