linlin 发表于 2010-2-9 12:10:28

求助点击改变样式再点击变回来，有示例


<p ><strong>maklove</strong> 发表于 2010-1-23 15:06</p>
<h3>求助点击改变样式再点击变回来，有示例</h3>想实现点击 选中 再点击取消。 就是改变下classname。
可我的只能变一次。求助。
我知道jqury的toggleclass可以实现。但是不能用jqeury。 而且选中样式的同时还要记录选中的这个的title值。
求大侠帮忙改一改，周末在家 就搞这个了 唉。。

<!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 type="text/css">
<!--
body,td,th {
    font-size: 12px;
}
#selectbox{ border:1px solid #ddd; width:400px; height:300px}
#selectbox li{ float:left; margin:20px; line-height:1.8; padding:0 14px}
#selectbox li.on{ background:#FF0000}
#notice{ border:1px solid #FFCC00; padding:10px; font-size:14px}
-->
</style></head>

<body>
<ul id="selectbox">
<li rel="001" title="09年07月">总第003期</li>
<li rel="001" title="09年07月">总第003期</li>
<li rel="001" title="09年07月">总第003期</li>
<li rel="001" title="09年07月">总第003期</li>
<li rel="001" title="09年07月">总第003期</li>
<li rel="001" title="09年07月">总第003期</li>
<li rel="001" title="09年07月">总第003期</li>
<li rel="001" title="09年07月">总第003期</li>
</ul>

<script type="text/javascript">

var li=document.getElementsByTagName("li");

for(i=0; i<li.length; i++)
{

li.onclick=add;

}
function add(){

if(this.className=="")
{
this.className="on";
}
if(this.className=="on")
{
this.className==""
}


}



</script>
</body>
</html>

[ 本帖最后由 maklove 于 2010-1-23 15:08 编辑 ]<p ><strong>hj1227</strong> 发表于 2010-1-23 17:22</p>

<!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 type="text/css">
<!--
body,td,th {
    font-size: 12px;
}
#selectbox{ border:1px solid #ddd; width:400px; height:300px}
#selectbox li{ float:left; margin:20px; line-height:1.8; padding:0 14px}
#selectbox li.on{ background:#FF0000}
#notice{ border:1px solid #FFCC00; padding:10px; font-size:14px}
-->
</style></head>
<body>
<ul id="selectbox">
<li rel="001" title="09年07月">总第003期</li>
<li rel="001" title="09年07月">总第003期</li>
<li rel="001" title="09年07月">总第003期</li>
<li rel="001" title="09年07月">总第003期</li>
<li rel="001" title="09年07月">总第003期</li>
<li rel="001" title="09年07月">总第003期</li>
<li rel="001" title="09年07月">总第003期</li>
<li rel="001" title="09年07月">总第003期</li>
</ul>
<script type="text/javascript">
var li=document.getElementsByTagName("li");
for(i=0; i<li.length; i++){
    li.onclick=add;
}
function add(){
    if(this.className==""){
        this.className="on";
    }else{
        this.className=""
    }
}
</script>
</body>
</html>
<p ><strong>maklove</strong> 发表于 2010-2-4 18:06</p>
谢谢楼上的 ，我用jquery搞定了。
http://mag.dili360.com/subscribe.php?act=sub&amp;n=1<p ><strong>maklove</strong> 发表于 2010-2-4 18:09</p>
原来是语法不对，就差个else 谢楼主了。

zzzhu1szh2 发表于 2011-12-19 08:41:16

这个其实 可以有 发电机组

cqli5201982 发表于 2012-1-17 18:47:43

高中生连救2名落水者不留名

　　11月16日下午5时左右，天空飘着雪花，考试刚结束的王予北和几个同学结伴走在回家的路上。当他们走到该县小清河桥头时，忽然听到河里有求救声，距岸边10多米远的河水里，一个人正在下沉，一个人两只手正在水面上拼命拍打。见此情景，王予北急忙脱下棉衣，跳进刺骨的河水中进行救援。王予北游到一名落水者身边后，立即拽着他的胳膊向岸边游。岸边的人们把落水者接上岸后，王予北又反身向河里正在挣扎的另一名落水者游去。
　　“刚下去的时候看有个人已经不动了，感觉还是先救那个不动的吧。等把两个人都拉上岸后，我已经累得爬不上来了 ，还是别人把我拖上来的。”说到这儿，王予北还显得有几分不好意思。
　　两名落水少年出院后，他们的家长到现场附近挨家挨户走访，寻找儿子的救命恩人。走访了300多人，他们才打探到救命恩人的下落。原来，那天王予北上岸后，穿上放在堤上的棉衣就跑回家了。


　　王予北所在高中的校长万继静对记者说：“王予北等几位同学参与营救落水少年，是我校学生的优秀代表，他们用实际行动诠释了当代中国青少年的价值追求和崇高使命，谱写了当代青年学生的壮美之歌。”
　　如今，少年王予北跳进冰冷河水英勇救人的事迹已经在平舆传开了，一场向小英雄王予北学习的活动正在拉开序幕。
　　据该县医院的接诊医生介绍，两名落水少年来了以后，情况比较危急，其中一个意识不清，面色、口唇，包括四肢都发紫。“要不是及时从河里捞上来，肯定是不行了”。




　　拖着第二名落水者游向岸边时，王予北已显得力不从心，游得越来越慢，岸边一位少年急忙脱掉棉衣跳进水里接应。王予北接近岸边时，众人急忙把落水者拉上岸。
　　本报驻马店讯(记者 陈磊 特约记者 朱剑锋 通讯员 郭运民 李慧成)眼下，在平舆县城内，大家一直在相互传颂着一起英雄救人的事儿。人们在寻找这位救人英雄的同时，也被英雄的事迹感动着。11月25日上午，记者终于在平舆县第一高级中学见到了救人英雄王予北和几位参加救援的学生。
页: [1]
查看完整版本: 求助点击改变样式再点击变回来，有示例