2 回答
TA贡献1719条经验 获得超6个赞
id选择器:#title {color: red;},表示<div id="title">标签中内容颜色为红色,那么<a href="" id="title_a">属于div标签的子标签,会继承相关属性,但是a标签继承时,是不能继承颜色和下划线的,所以<a href="" id="title_a">中内容颜色不会变化,还是默认蓝色加下划线。
#title_a {color:red;},表示<a href="" id="title_a">标签中内容为红色,直接设置标签内容颜色,所以“百度百科”颜色为红色。
TA贡献1831条经验 获得超4个赞
<HEAD>
<TITLE>如何通过JS实现鼠标经过图片1.gif 2.gif 3.gif 4.gif的时候动态的提取这些图片的title指到box2中 </TITLE>
<style type="text/css">
.on{padding15px 10px; font-weightbold;colorred;}
.off{padding0px 0px; font-weightthin;colorblack;}
</style>
<script type="text/javascript" src="jquery-1.8.0.js"></script>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script>
jQuery(function($) {
$('#box img').each(function(){
$(this).bind('mouseenter mouseleave',function(){
var t = '|'+this.title+'|';
if($("#box2").text().indexOf(t)==-1)
{
$("#box2").text($("#box2").text()+t);
}
});
});
});
</script>
</HEAD>
<BODY>
<div class="box" id="box">
<a href="#" class="pic1">
<img src="mouse_drag\images\b.gif" title="1" />
</a>
<a href="#" class="pic2">
<img src="mouse_drag\images\b.gif" title="2" />
</a>
<a href="#" class="pic3">
<img src="mouse_drag\images\p.gif" title="3" />
</a>
<a href="#" class="pic4">
<img src="mouse_drag\images\g.gif" title="4" />
</a>
</div>
<div class="box2" id="box2"></div>
</BODY>
- 2 回答
- 0 关注
- 371 浏览
添加回答
举报