html鼠标滑动显示内容,CSS DIV 怎样做出来鼠标移动上就显示其内容?

复制下面的代码放到html文件保存就实现了。

!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

script type=text/javascript src=http://img.lanrentuku.com/img/js/jquery.js/script

!--上面这个链接你可以加着，也可以用360浏览器下载下来，放到本地外链，这是函数库，JQuery可以去单独学习这个，这个兼容所有浏览器，和JS一样，只不过是比JS好用，同样的同东西--

!--下面是调用上面的函数库，再进一步的编程--

script

$(function(){

var aa=这些一行文字就写到这里面;

alert(aa);

$(#testID).mouseover(function(){

$(this).text(aa);

}).mouseout(function(){

$(this).text();

});

})

/script

/head

body

!--这里面的样式你应该能看得懂吧，不用管这些，跟上面的Js没关系，只是加上style里面的东西看着会好看些，只是写了些背景字体大小和字体颜色的样式--

div style=width:400px; height:50px; margin:0 auto; background-color:#6C3; color:#FC6; font-size:20px; font-weight:bold; line-height:50px; text-align:center; id=testID

/div

/body

/html

取消

评论