知识大全 JavaScript制作会反弹的浮动图片

Posted

篇首语:早知今日读书是,悔作从前任侠非。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 JavaScript制作会反弹的浮动图片相关的知识,希望对你有一定的参考价值。

JavaScript制作会反弹的浮动图片  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!

现在网上流行会弹来弹去的浮动图片 想给自己的网页也加上一个吗?其实很简单 把下面这段代码加到网页的之间 然后 把图片换成你中意的就OK啦!   到这里下载示例代码 < div id= img > < a _blank > < img src= eschool button gif > < /a> < /div> < SCRIPT LANGUAGE= JavaScript > < ! Begin var xPos = ; var yPos = document body clientHeight; var step = ; var delay = ; var height = ; var Hoffset = ; var Woffset = ; var yon = ; var xon = ; var pause = true; var interval; img style top = yPos; function changePos() width = document body clientWidth; height = document body clientHeight; Hoffset = img offsetHeight; Woffset = img offsetWidth; img style left = xPos + document body scrollLeft; img style top = yPos + document body scrollTop; if (yon) yPos = yPos + step; else yPos = yPos step; if (yPos < ) yon = ; yPos = ; if (yPos >= (height Hoffset)) yon = ; yPos = (height Hoffset); if (xon) xPos = xPos + step; else xPos = xPos step; if (xPos < ) xon = ; xPos = ; if (xPos >= (width Woffset)) xon = ; xPos = (width Woffset); function start() img visibility = visible ; interval = setInterval(´changePos()´ delay); start(); // End > < /script > cha138/Article/program/Java/JSP/201311/19424

相关参考

知识大全 JavaScript仿淘宝智能浮动

JavaScript仿淘宝智能浮动  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  我们经常在淘宝

知识大全 如何制作鼠标感应动画菜单

许多网友问鼠标移上去会变亮的菜单是怎么制作的?其实这是用两张图片交替显示的效果具体采用javascript脚本语言实现因为稍微复杂些需要细细讲解  你要制作这种效果的话首先也要制作好同样大小不同效果的

知识大全 js 图片随机不定向浮动的实现代码

这篇文章介绍了js图片随机不定向浮动的实现代码有需要的朋友可以参考一下 复制代码代码如下:cha138/Article/program/Java/JSP/201311/20126

知识大全 js浮动图片的动态效果

这篇文章介绍了几种JS的动态效果实例有需要的朋友可以参考一下 复制代码代码如下:<!DOCTYPEPUBLIC"//WC//DTDHTMLTransitional//EN""<&

知识大全 用JavaScript限制图片上传长宽

用JavaScript限制图片上传长宽  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  <&

知识大全 javascript 图片裁剪技巧

  学phpgd库看到有图片裁剪正好整一个嗯其实挺简单的  php版代码如下:<!DOCTYPE><xmlns="<head><metaequiv="Content

知识大全 用Javascript使网页图片产生旋转效果

用Javascript使网页图片产生旋转效果  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  Ro

知识大全 JavaScript 创建随机数和随机图片

JavaScript创建随机数和随机图片  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!创建随机数①

知识大全 Javascript图片播放类ImageSlide.iclass.js

Javascript图片播放类ImageSlide.iclass.js  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶

知识大全 javascript实现文字图片上下滚动的具体实例

这篇文章介绍了在JS中文字图片上下滚动的实现代码需要的朋友可以参考一下 复制代码代码如下:cha138/Article/program/Java/JSP/201311/20264