本文目錄一覽：
有一段非常NB的JS代碼
首先不說你理解不理解的問題，這段代碼本身就寫得很爛……
這種css和結構代碼混在一起的形式，讓人很不舒服，不過為了簡便，我也懶得改了。
我改了一下，幫助你理解
div id=”demo” style=”overflow: hidden; WIDTH: 70px; height: 50px;border:solid 1px #222222″ align=”center”
tabletr
td id=”demo1″ style=”border:solid 1px red”
aaaaaabbbcccccc
/td
td id=”demo2″ style=”border:solid 1px green” !– 新加2個style幫助你理解，刪除後你就明白了 —
aaaaaabbb!– 其實這裡根本沒必要完全一樣，因為這裡的後半截是否顯示取決於demo的寬度，也就是顯示區域 —
/td
/tr/table
/div
SCRIPT language=”javascript”
function Marquee(){
if(demo1.offsetWidth-demo.scrollLeft=0) //這裡把demo2改成demo1,當demo1完全滾出顯示區域時，(轉下面）
demo.scrollLeft=0 //讓內部滾動條（這裡是demo1,demo2)回歸原位，造成連續滾動假象
else{
demo.scrollLeft++ //讓demo的內部滾動條繼續向左滾動1px
}
}
var MyMar=setInterval(Marquee,5)
demo.onmouseover=function() {clearInterval(MyMar)} //當鼠標放在div元素上面時，清除下面的定時執行功能
demo.onmouseout=function() {MyMar=setInterval(Marquee,5)} //每5毫秒執行一次函數，也就是每5秒滾動1px
/SCRIPT
求一段JS代碼
按鈕驅動文字閃爍
腳本說明:
第一步:把如下代碼加入body區域中
SCRIPT LANGUAGE=”JavaScript”
var x=9;
var strobe=”on”
if (navigator.appName == “Netscape”) {
visShow=”‘show'”;
visHide=”‘hide'”;
docStyle=”document.”;
styleDoc=””;
}
else {
visHide=”‘hidden'”;
visShow=”‘visible'”;
docStyle=””;
styleDoc=”.style”;
}
/SCRIPT
SCRIPT LANGUAGE=”JavaScript”
function hide1() {
eval(docStyle ‘object1’ styleDoc ‘.visibility=’ visHide);
}
function hide2() {
eval(docStyle ‘object2’ styleDoc ‘.visibility=’ visHide);
}
function hide3() {
eval(docStyle ‘object3’ styleDoc ‘.visibility=’ visHide);
}
function hide4() {
eval(docStyle ‘object4’ styleDoc ‘.visibility=’ visHide);
}
function hide5() {
eval(docStyle ‘object5’ styleDoc ‘.visibility=’ visHide);
}
function hide6() {
eval(docStyle ‘object6’ styleDoc ‘.visibility=’ visHide);
}
function hide7() {
eval(docStyle ‘object7’ styleDoc ‘.visibility=’ visHide);
}
function hide8() {
eval(docStyle ‘object8’ styleDoc ‘.visibility=’ visHide);
}
function hide9() {
eval(docStyle ‘object9’ styleDoc ‘.visibility=’ visHide);
}
function hide10() {
eval(docStyle ‘object10’ styleDoc ‘.visibility=’ visHide);
}
function show1() {
eval(docStyle ‘object1’ styleDoc ‘.visibility=’ visShow);
hide2(),hide3();
}
function show2() {
eval(docStyle ‘object2’ styleDoc ‘.visibility=’ visShow);
hide1(),hide3();
}
function show3() {
eval(docStyle ‘object3’ styleDoc ‘.visibility=’ visShow);
hide2(),hide4();
}
function show4() {
eval(docStyle ‘object4’ styleDoc ‘.visibility=’ visShow);
hide3(),hide5();
}
function show5() {
eval(docStyle ‘object5’ styleDoc ‘.visibility=’ visShow);
hide4(),hide6();
}
function show6() {
eval(docStyle ‘object6’ styleDoc ‘.visibility=’ visShow);
hide5(),hide7();
}
function show7() {
eval(docStyle ‘object7’ styleDoc ‘.visibility=’ visShow);
hide6(),hide8();
}
function show8() {
eval(docStyle ‘object8’ styleDoc ‘.visibility=’ visShow);
hide7(),hide9();
}
function show9() {
eval(docStyle ‘object9’ styleDoc ‘.visibility=’ visShow);
hide8(),hide10();
}
function show10() {
eval(docStyle ‘object10’ styleDoc ‘.visibility=’ visShow);
hide9();
}
function strobe1() {
x =1;
eval(“show” x “()”);
if (x10) setTimeout(“strobe1()”, 75);
else if (strobe==”on”) strobe2();
}
function strobe2() {
x-=1;
eval(“show” x “()”);
if (x1) setTimeout(“strobe2()”, 75);
else strobe1();
}
function strobeOn() {
x=9;
strobe=”on”;
strobe1();
}
function strobeOff() {
strobe=”off”;
}
/SCRIPT
div id=”vis” style=”position:absolute; visibility:show; left:175px; top:280px; z-index:1″
table cellpadding=2 border=1tr
tdcenterbStrobe:/b/center/font/a/td
tda href=”javascript:strobeOn()”
font color=”#000000″centeron/center/font/a/td
tda href=”javascript:strobeOff()”
font color=”#000000″centeroff/center/font/a/td
/tr/table/div
div id=”object1″ style=”position:absolute; visibility:hide; left:175px; top:300px; z-index:1″
table border=1 bgcolor=#eaffff width=175 height=50tdcenterbfont color=”#F9F9F9″JavaScript Planet/font/b/center/td/table
/div
div id=”object2″ style=”position:absolute; visibility:hide; left:175px; top:300px; z-index:1″
table border=1 bgcolor=eaffff width=175 height=50tdcenterbfont color=”#ECECEC”JavaScript Planet/font/b/center/td/table
/div
div id=”object3″ style=”position:absolute; visibility:hide; left:175px; top:300px; z-index:1″
table border=1 bgcolor=eaffff width=175 height=50tdcenterbfont color=”#D5D5D5″JavaScript Planet/font/b/center/td/table
/div
div id=”object4″ style=”position:absolute; visibility:hide; left:175px; top:300px; z-index:1″
table border=1 bgcolor=eaffff width=175 height=50tdcenterbfont color=”#C0C0C0″JavaScript Planet/font/b/center/td/table
/div
div id=”object5″ style=”position:absolute; visibility:hide; left:175px; top:300px; z-index:1″
table border=1 bgcolor=eaffff width=175 height=50tdcenterbfont color=”#b0b0b0″JavaScript Planet/font/b/center/td/table
/div
div id=”object6″ style=”position:absolute; visibility:hide; left:175px; top:300px; z-index:1″
table border=1 bgcolor=eaffff width=175 height=50tdcenterbfont color=”#939393″JavaScript Planet/font/b/center/td/table
/div
div id=”object7″ style=”position:absolute; visibility:hide; left:175px; top:300px; z-index:1″
table border=1 bgcolor=eaffff width=175 height=50tdcenterbfont color=”#808080″JavaScript Planet/font/b/center/td/table
/div
div id=”object8″ style=”position:absolute; visibility:hide; left:175px; top:300px; z-index:1″
table border=1 bgcolor=eaffff width=175 height=50tdcenterbfont color=”#6b6b6b”JavaScript Planet/font/b/center/td/table
/div
div id=”object9″ style=”position:absolute; visibility:hide; left:175px; top:300px; z-index:1″
table border=1 bgcolor=eaffff width=175 height=50tdcenterbfont color=”#424242″JavaScript Planet/font/b/center/td/table
/div
div id=”object10″ style=”position:absolute; visibility:show; left:175px; top:300px; z-index:1″
table border=1 bgcolor=eaffff width=175 height=50tdcenterbfont color=”#000000″JavaScript Planet/font/b/center/td/table
/divP
/FONT/CENTER
js代碼，給我講一下這段js代碼，詳細點， 尤其註明，＃後邊的是什麼，date後邊的代表什麼？.val什麼意思
你沒有用過jquery吧？這是jquery的寫法，jquery是一個js 庫，封裝了很多js方法
$ 是jquery的選擇器，用來查找DOM元素，$(“#name”) 這個是其中一種寫法，表示查找id=”name”的元素，#後面跟id值
.val()是一個函數，用來獲取或設置元素的value值，相當於
$(“#name”).val(o.quality) 相當於 document.getElementById(“name”).value= o.quality;
PS：建議你搜索一下jquery的相關資料
求一段js代碼
這代碼弄着不容易啊！！多給點分吧~~ 樣式你回來自己寫成喜歡的吧 功能沒問題了！！ 具體代碼如下：
!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “”
html xmlns=””
head
meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ /
title無標題文檔/title
/head
script language=”javascript”
function G(id){
return document.getElementById(id);
};
function GC(t){
return document.createElement(t);
};
String.prototype.trim = function(){
return this.replace(/(^\s*)|(\s*$)/g, ”);
};
function isIE(){
return (document.all window.ActiveXObject !window.opera) ? true : false;
}
var loginDivWidth = 300;
var sign_in_flow = ‘div style=”background:#FF9900;”Login/divdiv用戶名:/divdiv’
+ ‘input type=”text” id=”sign_email” maxlength=”64″ size=”30″/’
+ ‘/divdiv密碼：/divdivinput type=”password” id=”sign_pwd” size=”30″/’
+ ‘/divdivinput type=”button” value=”登錄” onclick=”signFlow(1);” id=”sign_button”/ ‘
+ ‘ input type=”button” value=”取消” onclick=”cancelSign();”//div’;
function loadSignInFlow(){
G(“sign_div”).innerHTML = sign_in_flow;
G(“sign_email”).focus();
};
var sign_up_flow = ‘div style=”background:#CCFF00;”Create New Account/divdive-mail:*/divdiv’
+ ‘input type=”text” id=”sign_email” maxlength=”64″ size=”30″/’
+ ‘/divdivpassword:*/divdivinput type=”password” id=”sign_pwd” size=”30″/’
+ ‘/divdivpassword again:*/divdivinput type=”password” id=”sign_repwd” size=”30″/’
+ ‘/divdivinput type=”button” value=”creat account” onclick=”signFlow(0);” id=”sign_button”/ ‘
+ ‘ input type=”button” value=”cancel” onclick=”cancelSign();”//div’
+ ‘pa href=”javascript:loadSignInFlow();”login/a/p’;
function loadSignUpFlow(){
G(“sign_div”).innerHTML = sign_up_flow;
G(“sign_email”).focus();
};
function cancelSign(){
G(“sign_div”).style.display = ‘none’;
G(“cover_div”).style.display = ‘none’;
document.body.style.overflow = ”;
};
var forget_pwd_flow = ‘div style=”background:#FF99FF;”Forget Password/divdive-mail:*/divdiv’
+ ‘input type=”text” id=”sign_email” maxlength=”64″ size=”30″/’
+ ‘/divdivinput type=”button” value=”sent pwd to e_mail” onclick=”signFlow(2);” id=”sign_button”/ ‘
+ ‘ input type=”button” value=”cancel” onclick=”cancelSign();”//div’;
function loadForgetPwdFlow(){
G(“sign_div”).innerHTML = forget_pwd_flow;
G(“sign_email”).focus();
};
function checkEmail(){
if(G(“sign_email”).value.trim() == ”){
return ‘div style=”color:#FF0000″;”對不起用戶名不能為空。/div’;
}
return ”;
}
function checkPwd(){
if(G(“sign_pwd”).value.trim() == ”){
return ‘div style=”color:#FF0000″;”對不起密碼不能為空。/div’;
}
return ”;
}
function checkRePwd(){
if(G(“sign_pwd”).value.trim() != G(“sign_repwd”).value.trim()){
return ‘div style=”color:#FF0000″;”The specified passwords do not match./div’;
}
return ”;
}
function signFlow(isSignIn){
var error = checkEmail();
var htmlText = null;
if (isSignIn == 1) {
if (error == ”){
error = checkPwd();
}
htmlText = sign_in_flow;
} else if (isSignIn == 0) {
if (error == ”){
error = checkPwd();
if (error == ”){
error = checkRePwd();
}
}
htmlText = sign_up_flow;
} else if (isSignIn == 2) {
htmlText = forget_pwd_flow;
}
var eMailValue = G(“sign_email”).value.trim();
if (error == ”) {
} else {
G(“sign_div”).innerHTML = error + htmlText;
G(“sign_email”).value = eMailValue;
}
};
function popCoverDiv(){
if (G(“cover_div”)) {
G(“cover_div”).style.display = ”;
} else {
var coverDiv = GC(‘div’);
document.body.appendChild(coverDiv);
coverDiv.id = ‘cover_div’;
with(coverDiv.style) {
position = ‘absolute’;
background = ‘#CCCCCC’;
left = ‘0px’;
top = ‘0px’;
var bodySize = getBodySize();
width = bodySize[0] + ‘px’
height = bodySize[1] + ‘px’;
zIndex = 98;
if (isIE()) {
filter = “Alpha(Opacity=60)”;
} else {
opacity = 0.6;
}
}
}
}
function getBodySize(){
var bodySize = [];
with(document.documentElement) {
bodySize[0] = (scrollWidthclientWidth)?scrollWidth:clientWidth;
bodySize[1] = (scrollHeightclientHeight)?scrollHeight:clientHeight;
}
return bodySize;
}
function popSign(isLogin){
if (G(“sign_div”)) {
G(“sign_div”).style.display = ”;
} else {
var signDiv = GC(‘div’);
document.body.appendChild(signDiv);
signDiv.id = ‘sign_div’;
signDiv.align = “center”;
signDiv.onkeypress = function(evt){
var e = window.event?window.event:evt;
if (e.keyCode==13 || e.which==13) {
if (G(“sign_button”)) {
G(“sign_div”).focus();
G(“sign_button”).click();
}
}
};
with (signDiv.style) {
position = ‘absolute’;
left = (document.documentElement.clientWidth – loginDivWidth)/2 + ‘px’;
top = (document.documentElement.clientHeight – 300)/2 + ‘px’;
width = loginDivWidth + ‘px’;
zIndex = 99;
background = ‘#FFFFFF’;
border = ‘#66CCFF solid 1px’;
}
}
if(isLogin) {
G(“sign_div”).innerHTML = sign_in_flow;
} else {
G(“sign_div”).innerHTML = change_pwd_flow;
}
}
function popSignFlow(isLogin) {
popCoverDiv();
popSign(isLogin);
document.body.style.overflow = “hidden”;
if(isLogin) {
G(“sign_email”).focus();
} else {
G(“old_pwd”).focus();
}
}
function changePwd(){
var error = checkOldPwd();
if (error == ”){
error = checkPwd();
}
if (error == ”){
error = checkRePwd();
}
var oldPwd = G(“old_pwd”).value.trim();
var newPwd = G(“sign_pwd”).value.trim();
if (error == ”) {
var url = basePath + “?q=tripuser/tripuser_change_pwd_ajax/” + oldPwd + “/” + newPwd;
exeRequest(url, getSignText, null);
} else {
G(“sign_div”).innerHTML = error + change_pwd_flow;
}
};
function checkOldPwd(){
if(G(“old_pwd”).value.trim() == ”){
return ‘div style=”color:#FF0000″;”Old Password field is required./div’;
}
return ”;
}
var change_pwd_flow = ‘div style=”background:#33FFFF;”Change Your Password/divdivold password:*/divdiv’
+ ‘input type=”password” id=”old_pwd” size=”30″/’
+ ‘/divdivnew password:*/divdivinput type=”password” id=”sign_pwd” size=”30″/’
+ ‘/divdivnew password again:*/divdivinput type=”password” id=”sign_repwd” size=”30″/’
+ ‘/divdivinput type=”button” value=”change password” onclick=”changePwd();” id=”sign_button”/ ‘
+ ‘ input type=”button” value=”cancel” onclick=”cancelSign();”//div’;
/script
body
div
input type=”button” onclick=”popSignFlow(1);” value=”登錄”/
/div
/body
/html
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/238929.html
微信掃一掃 
支付寶掃一掃 