ASP.NET javascript实现图片切换

①Default.aspx文件

<%@ 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 xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server"><title></title><script type="text/javascript">function showpic() {var r = Math.random();r = Math.ceil(r * 2);var pic = document.images[0].src;if (pic.indexOf(r + ".jpg", 0) != -1) {if (r == 2) {r = 1;} else {r++;}document.images[0].src = "images/" + r + ".jpg";}}var t = setInterval("showpic()", 500);    </script>
</head>
<body><form id="form1" runat="server"><div><img alt="" src="data:images/1.jpg" onmouseover="clearInterval(t)" onmouseout="t=setInterval('showpic()',1000);" style="height: 182px; width: 153px"/></div></form>
</body>
</html>

②效果图

③说明：
Ⅰ.每隔一秒切换一次。
Ⅱ.鼠标移动到图片上，图片不切换。
Ⅲ.鼠标移开，图片继续切换。

ASP.NET javascript实现图片切换相关推荐

怎么使用javascript制作图片切换
** 怎么使用javascript制作图片切换 ** 轮播图在网页中是一个不可少的存在,其实只做起来还是相对而言还是比较简单的,来看看是怎么制作的. 这里是css的代码: #imgInfo,.clic ...
JavaScript之图片切换（类似淘宝商品图切换）
JavaScript之图片切换下边给出几种方法进行图片切换: 方法一(小白专用款!简单易懂) 下边附上代码: <!DOCTYPE html> <html lang="en ...
javascript 实现图片切换，考虑平稳退化与行为结构分离
最近在学习JavaScript DOM编程艺术,跟着学习把里面的一个demo 敲了,demo 是小玩意,但是在编程习惯上给了我很大的启发. 考虑"平稳退化":如果浏览器不支持或者禁 ...
ASP.NET javascript实现图片浮动功能
①Default.aspx文件 <%@ Page Language="C#" AutoEventWireup="true" CodeFile=" ...
html实现简单图片切换,JavaScript实现简单的图片切换
JavaScript实现图片切换,主要用到setInterval()函数和clearInterval()函数,前者功能是开启动画,后者功能则为清除动画(可理解为使动画停止),为了使动画停止,则需要定义 ...
【web前端】JavaScript实现图片幻灯片滚动播放动画效果
JavaScript实现图片幻灯片滚动播放动画效果 by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.co ...
Javascript 仿Flash 图片切换及 Flash 图片切换
1. Javascript 仿Flash 图片切换 http://www.fansart.com/cweb/200669141456.asp <a target=_self href=" ...
JavaScript基础11-day13【正则表达式(量词、语法、转义字符、元字符)、DOM(节点、事件)、图片切换】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
html鼠标滑轮换图片,JavaScript实现鼠标滚轮控制页面图片切换
鼠标上的滚轮是一个不错的东东,为什么这么说,因为它能帮助我们快速的浏览网页,快速的进行长篇文章的阅读.对于web前端的我们来说又怎么能不注重这个鼠标滚轮呢,那么它能如何让用户更好的浏览网页呢?本文主要 ...

ASP.NET javascript实现图片切换

ASP.NET javascript实现图片切换相关推荐

最新文章

热门文章