导航:首页 > 万维百科 > 网页设计图片鼠标放置浮

网页设计图片鼠标放置浮

 发布时间：2020-09-12 14:02:06

1、[网页设计]给图片img 标签加上鼠标经过效果

直接复制下来就能用了:

<HTML><head>
<script>
function ms_event(sef){
location.href = "#hi";
}
function go_click(sef){
window.open(sef.href);
}
</script>
</head>
<body>

当鼠标移到文字或者图片上面便会自动点击上面的链接:
<a href="http://www.baidu.com" onmouseover="go_click(this)"><img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-.gif" border="0" /></a>
<p> </p>

<div id="hi">当鼠标移动到最下面的图片或者文字上时,就会定位到这里</div>
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
<a href="http://www.baidu.com" onmouseover="ms_event(this);">还有一个就是当鼠标移动到某个图片或者文字上时，鼠标自动跳到页面的其他位置上<a>

</body>
</HTML>

2、网页 鼠标悬浮事件 变成另外一张图片 CSS

IE6.0不支持非A（也就是超链接）的hover伪类，你可以换firefox试下，也可以使用更高版本的浏览器，或者改用js来实现也行，当然，换个想法也可以实现的，详细在这里不说了。。。

3、网页设计中,怎么才能让鼠标悬浮在图标上面时,出特效文字说明?

用DREAMWEAVER时 点图标 下面有属性 在替换里面输入内容 就可以 这个替换就是 alt标签
TITLE也可以给图片加说明 性能上没有ALT好 以前有些浏览器是不支持图片加TITLE属性的 给文字或者链接文字加说明用title标签

不明白的再问我。。

4、在网页里的图片 如何做到将鼠标放上去后就会变成另一张图片

需要用Dreamweaver来操作将鼠标放上去一张图片变成另一张图片。

具体的操作方法和步骤如下：

1、第一步，需要打开Dreamweave软件进入，依次单击上方的“插入”-->“图像对象”-->“鼠标经过图像”，如下图所示。

2、其次，完成上述步骤后，弹出对话框，需要插入两辆车，白色车是原始图像，橙色车是经过的图像，如下图所示。

3、接着，完成上述步骤后，可以进行设置了。可以先在网页上预览， 在页面上，有一个类似地球的小浏览器徽标，如下图所示。

4、最后，完成上述步骤后，可以看到单击后将变成另一张图片，因此可以保存设置并完成操作了，如下图所示。这样，问题就解决了。

5、网页设计，图片的浮动，滑动鼠标时图片距离顶部边框的长度总是一定的，代码到底错在哪里了，帮忙看下

加上一张图片 否则 把代码拷进去以后什么都看不见

6、网页设计怎么让鼠标放在一张图片的不同位置显示不同图片 用dreamweaver 大神解答谢谢谢谢

我不理解你说的什么意思。鼠标放在一张图片不同位置上，显示不同的图片？ 请问你看那个网站有这样的功能？ 还是说 这是你想象出来的。你做这个是应用在什么上？

7、在凡科制作网页的这图片鼠标放到图片上就会有不一样的图片浮现出来，要怎么弄掉

img也是可以做伪类属性的，如img：hover。至于你说的鼠标放上去之后全部都有边框，这个你把代码晒出来看看才知道。初步判断a标签加错了。

8、网页制作，鼠标经过图片变暗,点击变大,图标上浮，这是什么特效

其实就是html里面的a标签的css属性伪类，link、visited、hover、active；通过css可以实现的。

9、网页设计中制作漂浮图片，怎样能使鼠标经过的时候停止？

document.writeln("<div id=\"ad\" style=\"position:absolute\"><embed src=\"http://www.okzhuhai.com\/adbanner\/mhsc070501.swf\" quality=\"high\" pluginspage=\"http:\/\/www.macromedia.com\/go\/getflashplayer\" type=\"application\/x-shockwave-flash\" width=\"200\" height=\"118\"><\/embed><\/div>");
document.writeln(" <script>");
document.writeln(" var x = 600,y = 80");
document.writeln(" var xin = true, yin = true");
document.writeln(" var step = 2 ");
document.writeln(" var delay = 20");
document.writeln(" var obj=document.getElementById(\"ad\") ");
document.writeln(" function floatAD() {");
document.writeln(" var L=T=0");
document.writeln(" var R= document.body.clientWidth-obj.offsetWidth");
document.writeln(" var B = document.body.clientHeight-obj.offsetHeight");
document.writeln(" obj.style.left = x + document.body.scrollLeft");
document.writeln(" obj.style.top = y + document.body.scrollTop");
document.writeln(" x = x + step*(xin?1:-1) ");
document.writeln(" if (x < L) { xin = true; x = L} ");
document.writeln(" if (x > R){ xin = false; x = R} ");
document.writeln(" y = y + step*(yin?1:-1) ");
document.writeln(" if (y < T) { yin = true; y = T } ");
document.writeln(" if (y > B) { yin = false; y = B } ");
document.writeln(" }");
document.writeln(" var itl= setInterval(\"floatAD()\", delay) ");
document.writeln(" obj.onmouseover=function(){clearInterval(itl)} ");
document.writeln(" obj.onmouseout=function(){itl=setInterval(\"floatAD()\", delay)}");
document.writeln(" <\/script>")
t.writeln(" <\/script>")

将以上代码保存为 move2.js 在需要漂浮的页面调用即可。调用方法：
<SCRIPT language=javascript src="/images/move2.js"></SCRIPT>将此插入到网页head区域即可。

10、在网页设计中，怎样设计当鼠标浮动到超链接文本是，改变字体颜色和像素？

用CSS

a {color:#XXXXXX; font-size:12px;} // 鼠标没经过时，平常链接的字体颜色（XXXXXX是颜色的编号）和字号（这段可以不写，但是访问过的链接会变成紫色，如果不想变紫色，就写上这段）
a:hover {color:#XXXXXX; font-size:14px;} //鼠标经过时颜色，字号

与网页设计图片鼠标放置浮相关的知识