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><style type="text/css">div{position:absolute; }</style></head>
<body onload="ss()"><form id="form1" runat="server"><div id = "dImage"><img alt="" src="data:images/1.jpg" style="height: 237px; width: 211px" /> </div></form><script type="text/javascript" language="javascript">var divImage = document.getElementById("dImage");var x = 0; y = 0;var xSpeed = 5;  //左右方向移动速度var ySpeed = 2;  //上下方向移动速度var w = document.documentElement.clientWidth - 211;  //图片像素宽度var h = document.documentElement.clientHeight - 237;  //图片像素高度function ss() {if (x > w || x < 0) {  //越界取反xSpeed = -xSpeed;}if (y > h || y < 0) {  //越界取反ySpeed = -ySpeed;}x = x + xSpeed;y = y + ySpeed;divImage.style.top = y + "px"; //上下边界divImage.style.left = x + "px";  //左右边界setTimeout("ss()", 10);  //以10毫秒速度移动}</script>
</body>
</html>

②效果图

③说明：
实现在网页内上下左右浮动，遇到边界弹回。

ASP.NET javascript实现图片浮动功能相关推荐

ASP.NET javascript实现图片切换
①Default.aspx文件 <%@ Page Language="C#" AutoEventWireup="true" CodeFile=" ...
php+js实现异步图片上传,JavaScript实现异步图像上传功能
当向服务器上传图像时,根据服务器操作的复杂性和服务器性能,需要几秒钟到几分钟的时间来完成.本文的重点是在图像上传至服务器时使用JavaScript立即显示图像. 介绍当使用JavaScript将图像 ...
jQuery插件Magnify放大镜实现javascript图片放大功能
jQuery插件Magnify放大镜实现javascript图片放大功能博客所有文章均属原创作品,如有转载,请注明作者:biuuu,来源:http://www.biuuu.com/?p=459 有时 ...
html表单 asp验证,ASP中JavaScript处理复杂表单的生成与验证
ASP中JavaScript处理复杂表单的生成与验证更新时间:2007年03月25日 00:00:00 作者: 这里所谓的复杂表单,是指表单中包含多种不同的输入类型,比如下拉列表框.单行文本.多 ...
实现本网站图片保护功能之加水印
类: using System; using System.Collections.Generic; using System.Linq; using System.Web; using System ...
图片裁剪功能集成优化
问题所在最近公司编辑在发布新闻的时候遇到一个问题,编辑后台提供的原有的图片裁剪功能在移动端和一些特定类型的显示时达不到具体的要求.最后去深究发现我们的服务器对上传上来的图片进行了一次裁剪,为了减小图 ...
网站 asp和php的用途,asp和php都有什么功能？
ASP是什么?有什么功能? ASP.NET是微软开发,建立动态的,强大的,智能的.可扩展的网站和网际网络应用的全功能的程序语言如C或VB.NET #.它包括一个强大的安全评估的亮点,以及一个组织的小工 ...
int.TryParse非预期执行引发的思考 ASP.NET -- WebForm -- 给图片添加水印标记 Windows -- 使用批处理文件.bat删除旧文件...
int.TryParse非预期执行引发的思考问题出现这天在写一个页面,想谨慎些就用了int.TryParse,结果出问题了. 代码如下: Copy int id = 1000; //Request ...
asp和php功能,asp和php都有什么功能？
ASP是什么?有什么功能? ASP.NET是微软开发,建立动态的,强大的,智能的.可扩展的网站和网际网络应用的全功能的程序语言如C或VB.NET #.它包括一个强大的安全评估的亮点,以及一个组织的小工 ...

ASP.NET javascript实现图片浮动功能

ASP.NET javascript实现图片浮动功能相关推荐

最新文章

热门文章