javascript函数调用,选项卡套选项卡,我的代码该怎么定义一个选项卡函数
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
*{ margin:0px; padding:0px;}
#main{ width:896px; height:348px; margin:auto; border:1px solid #999; margin-top:150px;}
#main ul{ list-style:none; width:135px; height:349px; background:url(QQ%E5%9B%BE%E7%89%8720141106185905.png); float:left;}
#main ul li{ width:135px; height:86px; border-bottom:1px solid #999; text-align:center; line-height:85px;}
.active{ background:#FFF;}
#right { width:760px; height:348px; position:relative; float:right; margin-left:-50px;}
#right ul { width:763px; height:30px; margin-left:135px; position:absolute; left:-136px; bottom:0px;filter:alpha(opacity=60);opacity:0.6;}
#right ul li{height:30px; width:253px; background:black;float:left; margin-left:1px;border-bottom:0px solid #999;opacity:0.5; text-align:center; line-height:30px; color:#FFF;opacity: 0.5;}
#right ul li:hover{ background:#C30; );
}
img { width:760px; height:348px;}
</style>
<script>
window.onload=function(){
var oMain=document.getElementById('main');
var oUl=oMain.getElementsByTagName('ul')[0];
var aLi=oUl.getElementsByTagName('li');
var oRight=document.getElementById('right');
var oImg=oRight.getElementsByTagName('img')[0];
var OUl=oRight.getElementsByTagName('ul')[0];
var ALi=OUl.getElementsByTagName('li');
var arrImg=[['0.jpg','1.jpg','2.jpg','3.jpg'],['0.jpg','1.jpg','2.jpg','3.jpg'],['0.jpg','1.jpg','2.jpg','3.jpg'],['0.jpg','1.jpg','2.jpg','3.jpg']];
var arrImgt=[];
var num=null;
var Dt=aLi[0];
aLi[0].className='active';
for(var i=0;i<4;i++){
aLi[i].index=i;
num=i;
aLi[i].onmouseover=function(){
Dt.className='';
Dt=this;
this.className='active';
oImg.src=arrImg[num][this.index];
} }
for(var i=0;i<3;i++){
ALi[i].index=i;
num=i;
ALi[i].onmouseover=function(){
oImg.src=arrImg[num][this.index];
}
}
}
</script>
</head>
<body>
<div id="main">
<ul>
<li>图片1</li>
<li>图片2</li>
<li>图片3</li>
<li>图片4</li>
</ul>
<div id="right">
<img src="0.jpg"/>
<ul>
<li>文字叙述1</li>
<li>文字叙述2</li>
<li>文字叙述3</li>
</ul>
</div>
</div>
</body>
</html> 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
*{ margin:0px; padding:0px;}
#main{ width:896px; height:348px; margin:auto; border:1px solid #999; margin-top:150px;}
#main ul{ list-style:none; width:135px; height:349px; background:url(QQ%E5%9B%BE%E7%89%8720141106185905.png); float:left;}
#main ul li{ width:135px; height:86px; border-bottom:1px solid #999; text-align:center; line-height:85px;}
.active{ background:#FFF;}
#right { width:760px; height:348px; position:relative; float:right; margin-left:-50px;}
#right ul { width:763px; height:30px; margin-left:135px; position:absolute; left:-136px; bottom:0px;filter:alpha(opacity=60);opacity:0.6;}
#right ul li{height:30px; width:253px; background:black;float:left; margin-left:1px;border-bottom:0px solid #999;opacity:0.5; text-align:center; line-height:30px; color:#FFF;opacity: 0.5;}
#right ul li:hover{ background:#C30; );
}
img { width:760px; height:348px;}
</style>
<script>
window.onload=function(){
var oMain=document.getElementById('main');
var oUl=oMain.getElementsByTagName('ul')[0];
var aLi=oUl.getElementsByTagName('li');
var oRight=document.getElementById('right');
var oImg=oRight.getElementsByTagName('img')[0];
var OUl=oRight.getElementsByTagName('ul')[0];
var ALi=OUl.getElementsByTagName('li');
var arrImg=[['0.jpg','1.jpg','2.jpg','3.jpg'],['0.jpg','1.jpg','2.jpg','3.jpg'],['0.jpg','1.jpg','2.jpg','3.jpg'],['0.jpg','1.jpg','2.jpg','3.jpg']];
var arrImgt=[];
var num=null;
var Dt=aLi[0];
aLi[0].className='active';
for(var i=0;i<4;i++){
aLi[i].index=i;
num=i;
aLi[i].onmouseover=function(){
Dt.className='';
Dt=this;
this.className='active';
oImg.src=arrImg[num][this.index];
} }
for(var i=0;i<3;i++){
ALi[i].index=i;
num=i;
ALi[i].onmouseover=function(){
oImg.src=arrImg[num][this.index];
}
}
}
</script>
</head>
<body>
<div id="main">
<ul>
<li>图片1</li>
<li>图片2</li>
<li>图片3</li>
<li>图片4</li>
</ul>
<div id="right">
<img src="0.jpg"/>
<ul>
<li>文字叙述1</li>
<li>文字叙述2</li>
<li>文字叙述3</li>
</ul>
</div>
</div>
</body>
</html> 展开
展开全部
尝试相对路径转换为绝对路径。
确定着陆成员是否只需要确定cookie是否实际上仍然是有效的,这两个词可能是这两个函数被调用。
这是我原来写一张支票的cookie是有效的函数
返回一个布尔值存储数据库语句之前确定
当然密码是MD5加密
功能test_cookie(){
的mysql_connect(“本地主机”,“根目录','');
mysql_select_db(“MyData的”);
$ read_cookie =“选择member_data密码的地方为LoginID = \”“$ _ COOKIE ['USER_ID']”\“”; ..
$ test_cookie =请求mysql_query($ read_cookie);
$ R = @ mysql_fetch_array($ test_cookie,MYSQL_ASSOC);
如果(mysql_num_rows($ test_cookie)== 1 && $ _ COOKIE ['user_pwd'] == $ R ['密码'])
返回TRUE;
否则返回FALSE;
则mysql_close();
}
中国PS:在该文件的功能包括:是直接用一个if语句来判断可能是一个
例如:如果
(test_cookie()){
做你想要做的事;
}
其他{办?什么;}
的数据库连接的机械部分是根据您的安装设置写入; USER_ID,user_pwd设置自己的用户名和密码时,cookie的;密码安全;首先进行MD5加密;密码被存储在数据库中的密码(加密)
总的想法是基于饼干的user_id来查询数据库中的口令,然后在比较检查出的密码和cookie的密码,看是否该cookie有效
JS调用PHP,你可以搜索下互联网
确定着陆成员是否只需要确定cookie是否实际上仍然是有效的,这两个词可能是这两个函数被调用。
这是我原来写一张支票的cookie是有效的函数
返回一个布尔值存储数据库语句之前确定
当然密码是MD5加密
功能test_cookie(){
的mysql_connect(“本地主机”,“根目录','');
mysql_select_db(“MyData的”);
$ read_cookie =“选择member_data密码的地方为LoginID = \”“$ _ COOKIE ['USER_ID']”\“”; ..
$ test_cookie =请求mysql_query($ read_cookie);
$ R = @ mysql_fetch_array($ test_cookie,MYSQL_ASSOC);
如果(mysql_num_rows($ test_cookie)== 1 && $ _ COOKIE ['user_pwd'] == $ R ['密码'])
返回TRUE;
否则返回FALSE;
则mysql_close();
}
中国PS:在该文件的功能包括:是直接用一个if语句来判断可能是一个
例如:如果
(test_cookie()){
做你想要做的事;
}
其他{办?什么;}
的数据库连接的机械部分是根据您的安装设置写入; USER_ID,user_pwd设置自己的用户名和密码时,cookie的;密码安全;首先进行MD5加密;密码被存储在数据库中的密码(加密)
总的想法是基于饼干的user_id来查询数据库中的口令,然后在比较检查出的密码和cookie的密码,看是否该cookie有效
JS调用PHP,你可以搜索下互联网
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询