css鼠标点击项背景图片更改？？？
var arr = ["1.jpg","2.jpg","3.jpg","4.jpg","5.jpg"];
function pf(t) {
t.src = arr[Math.floor(Math.random()*arr.length)];
}
script>
CSS中，可以用伪类来改变背景图片，一般有几种状态：
a:link 未访问时候的状态
a:hover 鼠标放上去时候的状态
a:visited 已访问的状态
a:active 鼠标按下去时候的状态
你只要根据这几点来写就可以，你要点击后改变背景，可以这样写：
a:link{background:url(原来的图片) no-repeat;}a:visited{background:url(点击过的图片) no-repeat;}
CSS（层叠样式表）级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
function ss(id){
return document.getElementById(id);
}
function menu_my(name,num) {
var my;
my = ss(name);
if ( my.last == undefined ) {
my.last = 1;
}
var Menu = ss("menu" + name + my.last);
var Cont = ss("cont" + name + my.last);
Menu.className = "";
Cont.style.display = "none";
var Menu = ss("menu" + name + num);
var Cont = ss("cont" + name + num);
Menu.className = "s_current";
Cont.style.display = "block";
my.last =num ;
}
</script>
<div id="s_topnav">
<ul id="a">
<li class="s_current" id="menua1" onclick="menu_my('a',1)">最新上传</li>
<li id="menua2" onclick="menu_my('a',2)">最多点击</li>
<li id="menua3" onclick="menu_my('a',3)">专家推荐</li>
</ul>
</div>
<div class="s_content" id="conta1">111111<div>
<div class="s_content" id="conta2" style="display:none;">111111<div>
上边是JS下边展示形式。自己摘吧。
<!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">
<!--
#nav {
PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
HEIGHT: 39px;
PADDING-TOP: 0px;
background-color:#C00;
}
#nav UL {
PADDING-BOTTOM: 0px;
LIST-STYLE-TYPE: none;
MARGIN: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-TOP: 0px;
}
#nav UL LI {
TEXT-ALIGN: center;
WIDTH: 106px;
FLOAT: left;
HEIGHT: 25px;
FONT-WEIGHT: bold;
PADDING-TOP: 14px
}
#nav UL LI.cum {
TEXT-ALIGN: center;
WIDTH: 106px;
background-color:#FFF;
border:1px solid #900;
FLOAT: left;
HEIGHT: 25px;
COLOR: #3c0067;
FONT-WEIGHT: bold;
PADDING-TOP: 14px
}
#nav UL LI.cum A:link {
COLOR: #cd0000;
TEXT-DECORATION: none
}
#nav UL LI.cum A:visited {
COLOR: #cd0000;
TEXT-DECORATION: none
}
#nav UL LI.cum A:hover {
COLOR: #333333;
TEXT-DECORATION: none
}
-->
</style>
<script language="javascript" type="text/javascript">
<!--
function changeMc(x,y){
// x是当前显示的层 y是即将显示的层
document.getElementById(x).style.display = "none"
document.getElementById(y).style.display = "block"
}
-->
</script>
</head>
<body>
<DIV id=nav class=main_w>
<UL id="dataBox1" style="display:block;">
<LI onclick="javascript:changeMc('dataBox1','dataBox2')" ><A href="#" >代理加盟</A> </LI>
<LI onclick="javascript:changeMc('dataBox2','dataBox1')" class="cum"><A href="#" >会员中心</A> </LI>
</UL>
<UL id="dataBox2" style="display:none;" >
<LI onclick="javascript:changeMc('dataBox1','dataBox2')" class="cum"><A href="#" >代理加盟</A> </LI>
<LI onclick="javascript:changeMc('dataBox2','dataBox1')" ><A href="#" >会员中心</A> </LI>
</UL>
</DIV>
</body>
</html>
不知道你是不是要做选项卡，我一般都是这样做选项卡的，这样写可以减少JS的代码，相反HTML代码会较多点！
你如果只是实现这个效果的话，就没必要写js，那样会加载网站的运营的速度的，可以直接通过Css来改变其效果！也就相当于hover的效果，通过onclick换掉其css样式即可！
onclick="this.style.background=url('路径')"
在Delphi中怎样抓取鼠标形状
{鼠标:右击,左击,单击,双击,滚轮,拖曳} Delphi程序设计中的鼠标控制 在Windows环境下,鼠标和键盘是主要的输入设备。在Delphi中几乎每个对象都具有反映鼠标控制的事件, 这些事件的主要功能包括改变鼠标指针的形状,移动、触发、拖动鼠标等。 鼠标控制的三个相关属性是Cursor、DragCursor、DragMode; 鼠标(拖拽)控制的三个...
求一个ss放逐鼠标指向宏
showtooltip 放逐术 \/cast [target=mouseover,exists][harm] 放逐术
魔兽世界树德,怎么弄弄,鼠标不用点击队友,把鼠标放在队友显示条的时候...
= SS (shu shi); wl (Warlock) 野性战斗= 野性 (德鲁伊的一大天赋分支)=野D; 野德 (主加野性...需要灵敏的反应,来回移动鼠标,快而且准确地点击.那么牧师在紧张的战斗,在队伍里,同时为不只一位玩家...人品好就是运气好,比如去奥达曼打出个"断肠"); RP (role play,角色扮演,指那种研究游戏背景,游戏...
魔兽鼠标滚轮设置
不需要宏的。 你在游戏键盘设置里 找到对应的技能栏，然后在他后面相对应的默认键 点击一下 然后把你的鼠标滚轮 向上波动一下 或者 向后波动，或者向下按一下 也行 就改动成功了 。 改动成功 能看到那个项被改为 鼠标滚轮键或 鼠标滚轮向前 等等。。。我从开始玩魔兽 就利用了鼠标滚轮， 鼠标滚...
魔兽世界:我看视频上SS摆放的技能就一个动作条,是怎么摆放就跟截图一...
首先告诉你的是上面动作条是宏命令;因为宏可以把几个技能绑捆在一起,所以就节省了很多按键;将宏设置在相应键位上,就不需要每次施放技能都要用鼠标去点了;SS宏1 恐惧#showtooltip 恐惧\/stopcasting \/cast 恐惧 打断当前施法动作,使用恐惧.(该宏最大的优点体现在:当你正在使用其他吟唱法术或者通道法术的...
如何辨认鼠标IE3.0SS版真伪
鼠标不移动的时候不会自飘，然后按键弹簧双击能自然弹回！有一定的间隙 首先建议装上MS的驱动，你可以在设备管理器里查，如果是微软正品的话会显示"Microsoft ...Mouse\/Keyboard"之类的字样。
SSUSB插上鼠标不能用
你好！建议你再次安装笔记本电脑官网提供的主板芯片组驱动试试，如果还是不行，那么就可能是你USB口供电不足~
请问微软鼠标IE3.0复刻版和IE3.0SS版 有什么区别???
性能是一样的。区别在于后者是纪念版，相当于精品，做工要比前者好，而且表面的漆层不容易掉。如果是自己玩游戏，买复刻就行。要是收藏，买SS。注意：SS的价格比复刻的要高近一倍。罗技大多数都支持VISTA，买之前可以咨询一下售货员。罗技的鼠标质量好，微软的更人性化。
东芝ss2000m重装系统
4.在桌面上单击鼠标右键，选择“属性”，选择“显示”选项卡，点击“自定义桌面”项，勾选“我的电脑”，选择“确定”退出。5.返回桌面，右键单击“我的电脑”，选择“属性”，选择“硬件”选项卡，选择“设备管理器”，里面是计算机所有硬件的管理窗口，此中所有前面出现黄色问号＋叹号的选项代表未安装...
ss鼠标垫的中文名字
你说的是steelpad S&S吗？那个没中文名字。这垫子。买电竞装备的肯定都知道。你去的那店估计是没卖的。
夙姬更欣： CSS定义鼠标滑过导航菜单,背景可以是CSS定义的纯色,也可以是丰富色彩图案的图片,文字则是实实在在的,但它无法做到又酷又炫,但其优点是更利于搜索优化和CMS中使用.来看一个简单实例,就是给a:hover(鼠标悬停)加一个背景...
辉南县13431221257： 怎么用CSS或者JS实现鼠标点击变换背景图片 - ？
夙姬更欣： 使用jquery的toggle方法进行图片切换$(function(){$(＂#h1＂).toggle(function(){$(＂#h1＂).css(＂background-image＂,＂路径('./20110528073501b54e6.jpg')＂); },function(){$(＂#h1＂).css(＂background-image＂,＂路径('./2011060708410874041.jpg')＂); }) }) CSS.hh1{ background: url(＂./2011060708410874041.jpg＂); width: 120px; height: 90px; }
辉南县13431221257： css导航菜单点击后如何改变背景图片? - ？
夙姬更欣： 为导航按钮写两个CSS样式,然后分别针对链接的四个状态来写链接的CSS样式 比如:.mainNavLine{width:10px;height:33px;overflow:hidden;background-image:url(../Images/sprite_10px.jpg);background-position:0 -66px;}.mainNoSelLi a:link,....
辉南县13431221257： 怎么在css中定义导航中鼠标点击后背景图片改变为固定图片,点击另一个按钮时再恢复 - ？
夙姬更欣： 鼠标点击为onclick事件,可以根据下面的方法来进行设置1. 给改导航栏设置相应的点击事件onclick=＂a()＂2. 在js中写相应的方法,将该导航的背景替换掉 ;function a(){...}3. 重复上面样式给每个按钮设置相应的点击事件,事件里更换背景即可
辉南县13431221257： 怎么用CSS或者JS实现鼠标点击变换背景图?怎么用CSS或者JS ？
夙姬更欣： 设置里面可以
辉南县13431221257： css能实现单击后更改背景图片吗? - ？
夙姬更欣： 给你一个更简单的方法: <script language=＂javascript＂ type=＂text/javascript＂>function change_bg(img){document.body.style.background=＂url(＂ + img+ ＂)＂} </script> <input type=＂button＂ value=＂单击改变背景图片＂ onclick=＂change_bg('要改变的图片名称')＂ />
辉南县13431221257： CSS+DIV实现鼠标经过背景图片变换 - ？
夙姬更欣： 你这个没有用到css啊.要用css可以这样.#div1{width:60px;} div#div1{background:url(3.jpg) no-repeat;} div#div1:hover{background:url(2.jpg) no-repeat;}
辉南县13431221257： css导航菜单点击后怎么改变背景图片 - ？
夙姬更欣： css 菜鸟啊 你 背景更换可以用js onmouseover 和 onmouseout 或者css a:hover 实现 到那个栏目 那个栏目的 导航就设置不同的css类呗
辉南县13431221257： CSS+DIV!导航,鼠标点击换背景怎么弄? 用CSS+DIV做网页,导航部分!想做成鼠标点击换背景的那种!就是点击哪个子页,那个子页的导航的背景就换成与其他导航不一样的背景怎么做?(动态网页的~)？
夙姬更欣： js onclick点击后改变背景图片路径 <!doctype html> <html lang=＂en＂> <head> <meta charset=＂UTF-8＂> <title>Document</title> <style> #imgTest{background-color:#ccc;width:200px;height:200px;} </style> </head> <body> <div id=＂imgTest...
辉南县13431221257： 怎么用CSS或者JS实现鼠标点击变换背景图片,然后再点击其它的时候,是原来点击过的在重新变回来？
夙姬更欣： <div id=＂qq＂> <dl id=＂ww＂ onmousemove=＂qq1()＂ onmouseout=＂qq2()＂> <dt>dd</dt> <dd>ddd</dd> </dl> <script> function qq1(){ document.getElementById(＂ww＂).style.backgroundImage='url(w1.jpg)'; } function qq2(){ document.getElementById(＂ww＂).style.backgroundImage=''; } </script> </div>
