查看效果: http://www.leyikao.com
源代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>安博中程乐易考</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
</head>
<body>
<div id="img" style="LEFT:20px; visibility:hidden;POSITION:absolute; TOP:20px;z-index:10000;"><a href="http://www.leyikao.com/t/beida/" target="_blank"><img src="http://www.leyikao.com/templets/default/Images/logobeida.jpg" width="127" height="46" border="0" style="cursor:pointer;"/></a></div>
<script language="javascript">
<!-- Begin
var xPos = 20;
var yPos = document.documentElement.clientHeight;
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
var img = document.getElementById("img");
img.style.top = yPos; function changePos() {
width=document.documentElement.clientWidth;
height=document.documentElement.clientHeight;
Hoffset=img.offsetHeight;
Woffset=img.offsetWidth;
img.style.left=xPos+document.body.scrollLeft+"px";
img.style.top=yPos+document.body.scrollTop+"px";
yPos = yPos + step*(yon?1:-1)
if(yPos<0) { yon=1; yPos=0; }
if(yPos>=(height-Hoffset)) { yon=0; yPos=(height-Hoffset); }
xPos = xPos + step*(xon?1:-1)
if(xPos<0) { xon=1; xPos=0; }
if(xPos>=(width-Woffset)) { xon=0;xPos=(width-Woffset); } }
function start() {
img.style.visibility="visible";
interval=setInterval('changePos()',delay);
img.onmouseover=function(){clearInterval(interval)}
img.onmouseout=function(){interval=setInterval("changePos()", delay)}
}
start();
// End -->
</script>
</body>
</html>
查看效果: http://www.leyikao.com
分享到:
相关推荐
多个浮动效果,希望大伙都用得上 一般的在线客服,浮动对联,全屏浮动等等……
Pennywise允许您在一个小的浮动窗口中打开任何东西,它总是始终位于其他应用程序之上,使您可以轻松地进行多任务处理。
之前在csdn传了一份,但是后来发现里边有些乱,且账户权限有点低无法删除,只好修改后... js代码,在屏幕中间浮动,可以手动关闭,也会自动关闭。 用途比较广泛,图片,文字,视频都可以。 有什么不合适的可以自己调。
基于js+css3制作的一款非常有创意的全屏折角导航菜单和右下角悬浮分享按钮特效,点击汉堡菜单全屏折角显示导航栏。
JS彩色气泡浮动动画特效是一款基于HTML5 Canvas画布绘制的全屏彩色气泡网页动画特效。
JS彩色气泡浮动动画特效是一款基于HTML5 Canvas画布绘制的全屏彩色气泡网页动画特效。
立方体翻转3D全屏焦点图特效是一款非常大气华丽的HTML5/CSS3 3D实现的全屏3D焦点图特效插件,在页面的两侧,有两个带有立体浮动效果的左右箭头进行图片的切换。其焦点图的图片切换方式是3D效果的,类似立方体翻转...
js实现满屏网页漂浮广告_兼容所有浏览器
开窗的 我为 chrome 和 firefox 制作的一个小扩展,因为我真的不喜欢... 浮动也是,是重新加载独有的 窗口内i 与 Windowed 相同,但不会弹出窗口。 所以它会填满整个窗口,就像现在一样。 全屏f 滚出去,小丑 画中画p
JS彩色气泡移动碰撞特效是一款基于VUE.JS实现的全屏彩色透明气泡浮动碰撞特效。
JS彩色气泡移动碰撞特效是一款基于VUE.JS实现的全屏彩色透明气泡浮动碰撞特效。
109:四屏切换JS广告代码下载 110:JavaScript图片切换效果 下载 111:在线客服代码 下载 112:单独关闭的两边悬挂代码下载 113:全屏可伸缩可关闭广告代码下载 114:四屏JS带缩略图的焦点图 下载 115:书角带阴影的...
实例011 弹出全屏显示的网页模式对话框 16 实例012 网页拾色器 18 实例013 日期选择器 21 1.3 窗口的动画效果 26 实例014 页面自动滚动 26 实例015 打开窗口特殊效果 27 实例016 动态显示窗口 29 实例017 慢慢放大的...
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动) 代码如下: <!doctype html> <head> <meta charset=”utf-8″ /> <title></title> <style type=”text/css”> *{}{margin:0;...
14_1.htm 页面全屏显示。 14_2.htm 显示器检测代码(给出提示)。 14_3.htm 浏览器检测后自动跳转相应界面。 14_4.htm 检测浏览器相应版本。 14_5.htm 页面停留时间1。 14_6.htm 页面停留时间2。 14_7....
JavaScript实例精通 1.本书1~20章所附代码的运行环境 操作系统:Windows 2003、Windows XP Professional,或者Windows 2000 开发环境:、Dreamwave、Notepad、UltraEdit,或者其他文本编辑器 Web服务器:IIS 5.1及...
GuillotineJS是一些Javascript,可让您在网络演示文稿中的网络摄像头中使用浮动HTML元素。 另请参阅上的跨平台本机(电子)应用程序。 GuillotineJS可以解决Guillotine无法用于全屏演示的问题。 GuillotineJS股...
飘浮地 Floatly是一个很棒的浮动按钮,可从任何网站进行快速操作。 首先要使其适合移动设备使用,但也可以在台式机上使用。 在移动设备上,您可以在支持扩展程序(例如上使用Floatly 下载最新版本->动作关闭当前标签...
腾讯网首页首屏可重播的巨幅广告,腾讯网,首页,全屏广告,JS代码,js特效.