动态切换图片
来源:互联网 发布:sha256算法破解 编辑:程序博客网 时间:2024/05/01 18:58
本示例实现鼠标移动到图片上方时显示一种图片,移开后显示另一种图片。
点击图片后进入另一个窗口。注意标签<a>的位置。
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script type="text/javascript">
function Over()
{
document.getElementById("b").src="img/ok.jpg";
}
function Out()
{
document.getElementById("b").src="img/river.JPG";
}
</script>
</head>
<body>
<a href="http://www.w3school.com.cn" target="_blank">
<img src="img/river.JPG" onmouseover="Over()" onmouseout="Out()" id="b"/>
<iframe id="fra">d</iframe>
</a>
</body>
</html>
点击图片后进入另一个窗口。注意标签<a>的位置。
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script type="text/javascript">
function Over()
{
document.getElementById("b").src="img/ok.jpg";
}
function Out()
{
document.getElementById("b").src="img/river.JPG";
}
</script>
</head>
<body>
<a href="http://www.w3school.com.cn" target="_blank">
<img src="img/river.JPG" onmouseover="Over()" onmouseout="Out()" id="b"/>
<iframe id="fra">d</iframe>
</a>
</body>
</html>
- 动态切换图片
- 图片动态切换
- WPF 动态图片切换
- 图片动态切换
- 完成图片动态切换
- Jquery 动态切换图片
- 动态切换图片
- 动态图片切换
- ajax 实现动态图片切换
- 图片新闻的动态切换
- css+div动态图片切换
- js、jquery图片动画,图片动态切换
- Net 2.0 实现动态切换首页图片
- 【转】图片动态切换的实现
- HTML中动态图片切换JQuery实现
- Jquery实现动态切换图片的方法
- JQuery实现图片的动态切换
- asp.net+Flash动态图片切换演示
- 今天开博
- 今天开博
- 《代码大全》读书报告
- 娱乐361 图片搜索
- 一个策略模式的实现
- 动态切换图片
- 学习才能进步
- 一份思考—版本间共性问题提炼与控制
- SOY Framework框架Java RCP编程(一)--配置开发环境
- Oracle E-Delivery网站发布了ALBPM 6.0.4最新版本,而不是通过BEA的网站进行发布
- 国外开源的社区
- 端午节
- 近期修改 Web Part 的一点个人总结
- 初临directx殿堂