javascript 高手看过来
0
悬赏园豆：100
[已解决问题]
解决于 2010-08-11 11:06
鼠标划过每个元素时，将此元素用一个方框给框起来。就象firebug一样。
注意：是所有元素，不是个别元素。
最佳答案
0
jquery
$(function() {
$("*").hover(function(e) {
$(this).css({ 'border': "solid 1px #00F" });
return false;
}, function(e) {
$(this).css({ 'border': "none" });
return false;
});
});
收获园豆：30
其他回答(5)
0
代码如下
<img onmouseover="over(this)" onmouseout="out(this);"/>
function over(obj)
{
obj.style.border="solid 2px red";
}
function out(obj)
{
obj.style.border="";
}
如果要所有的话，用jQuery:
jQuery(document).ready(function()
{
jQuery("*").mouseover(function()
{
jQuery(this).addClass("selected");
return false;
}).mouseout(function(){
jQuery(this).removeClass("selected");
return false;
});
});
这样就能把每个元素单独选取出来了
收获园豆：10
0
一种方法就是页面加载时，给每个元素都加一个事件....这有点恶心。
还有一个思路是给body加个事件，然后..是否能获取鼠标所在位置的对象呢。
JS不太熟悉，等高手吧。
收获园豆：10
0
用css样式就可以实现吧
收获园豆：10
0
这种工作用jquery更好.
下面这个是绑定页面textbox划过的代码。参考一下。不推荐直接在页面绑定大量的style代码。增加页面的大小，最好还是让客户端来做。
$(document).ready(function(){
$('input').onmouserover(function(){
$(this).addClass('selectCell');
});
$('input').onmouserout(function(){
$(this).removeClass('selectCell');
});
//window.parent.SetHeight();
});
收获园豆：10
0
$("*").hover(function(event){ event.stopPropagation(); $(this).addClass('selectCell'); },function(event){ event.stopPropagation(); $(this).removeClass('selectCell'); });
博客园怎么搞的,我的这段代码插入一次浏览器崩溃一次
收获园豆：30
