社区
ASP
帖子详情
50分求一段很简单的html代码
jplayer
2005-10-08 02:10:24
有三个链接垂直排列,每一个链接的背景图片都是bg.gif,当鼠标指向一个链接时,这个链接的背景图片改变为bg_over.gif;当鼠标离开这个链接时,这个链接的背景图片回复为bg.gif;
就这些简单的要求,谢谢!
...全文
157
8
打赏
收藏
50分求一段很简单的html代码
有三个链接垂直排列,每一个链接的背景图片都是bg.gif,当鼠标指向一个链接时,这个链接的背景图片改变为bg_over.gif;当鼠标离开这个链接时,这个链接的背景图片回复为bg.gif; 就这些简单的要求,谢谢!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
8 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
问道老王
2005-10-08
打赏
举报
回复
onMouseOver="this.style.background='url(over.gif)'"
onMouseOut="this.style.background='url(out.gif)'"
----------------
强
ybfqlyq
2005-10-08
打赏
举报
回复
onMouseOver="this.style.background='url(over.gif)'" onMouseOut="this.style.background='url(out.gif)'"
legend1970
2005-10-08
打赏
举报
回复
<table width="30%" border="1">
<tr>
<td background="out.gif" style="cursor:hand" onMouseOver="this.style.backgroundImage='url(over.gif)'" onMouseOut="this.style.backgroundImage='url(out.gif)'">
连接1
</td>
</tr>
<tr>
<td >连接2</td>
</tr>
<tr>
<td>连接3</td>
</tr>
</table>
tigerwen01
2005-10-08
打赏
举报
回复
使用隐藏图片实现图片交换效果
一般实现图片交换效果(如鼠标移入和移出或点击交换),都是通过在JavaScript代码中改变图片的来源属性SRC实现。其弊端是每次切换图片时都必须重新下载新图片,在图片较大或网速较慢的情形下无疑会出现等待下载的问题。有些网页编辑器如Dreamweaver中提供了预下载(Preload)的函数,但实际上据笔者在IE 6.0中测试发现并不能解决此问题。
现在笔者提供一种方法,在下载网页时将要交换的图片全部下载,并将其位置设为相同(利用CSS属性)。在交换时改变图片CSS属性中的可见性属性(Visibility)为隐藏(Hidden)或可见(Visible),即可避免重新下载新图片。下面是一个鼠标移出移入交换Pic1.jpg和Pic2.jpg的实例。
<script language="javascript">
function change_img(from_img,to_img){ //将from_img替换为to_img
document.images[from_img].style.visibility = "hidden";
document.images[to_img].style.visibility = "visible";
}
</script>
<span style="position:absolute; left:0px; top:0px;" onMouseOver="change_img('img1','img2')" onMouseOut="change_img('img2','img1')" >
<img name="img1" src="pic1.jpg" style="position:absolute; left:0px; top:0px;">
<img name="img2" src="pic2.jpg" style="position:absolute; left:0px; top:0px;visibility:hidden;"> <!--预先将img2设为隐藏!-->
</span>
注意此例中块元素Span的引进是必要之步(也可用Div等替换),如果是点击交换图片则无需使用。另外,如果你不想让图片的位置固定,也可临时在JavaScript代码中让img2的位置等于img1的位置。(
jplayer
2005-10-08
打赏
举报
回复
自己顶
jplayer
2005-10-08
打赏
举报
回复
帮忙写一段完整的html代码吧?
还有链接文字不能在背景图片本身里,链接文字要和背景图片分开来,因为链接文字是要从数据库中提取出来的
xiangyu11118
2005-10-08
打赏
举报
回复
晕,最方便的方法,用DW插入-鼠标经过时图片
jspadmin
2005-10-08
打赏
举报
回复
onmouseover...
网页向女友告白和纪念日专用特效
例如,当用户点击“我爱你”按钮时,网页可以播放
一段
预录制的语音或者弹出一串动人的文字。此外,JavaScript还可以配合AJAX(Asynchronous JavaScript and XML)技术,从服务器端获取数据,如动态加载照片、歌曲或...
java源码包---java 源码 大量 实例
Java编写的
HTML
浏览器源
代码
,一个很
简单
甚至不算是浏览器的
HTML
浏览器,使用方法: 可直接输入文件名或网络地址,但必需事先连入网络。 Java编写的山寨QQ,多人聊天+用户在线 21个目标文件 摘要:JAVA源码,...
自动填充功能实现-- 实例源码
6. **性能优化**:为了提供流畅的用户体验,可能需要对匹配和渲染过程进行优化,比如限制匹配的次数,或者在用户停止输入
一段
时间后再执行匹配。 学习和分析这些源码可以帮助开发者深入理解自动填充功能的工作原理...
程序员表白专用程序
学习并理解这段
代码
,不仅可以帮助程序员提升JS技能,还能为他们提供一个有趣的实践项目,让编程不再只是冷冰冰的
代码
,而是充满情感的表达方式。通过这个项目,程序员可以用自己的技术才华,创造出独一无二的表白...
HTML
页面中显示
一段
代码
代码
内容........................ </pre> 这里不进行详细解释,具体可以查询 pre,code等
html
标签的用法。 显示效果
代码
<!DOCTYPE
html
> <
html
> <head> <meta charset="u...
ASP
28,405
社区成员
356,946
社区内容
发帖
与我相关
我的任务
ASP
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
复制链接
扫一扫
分享
社区描述
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章