js鼠标滑轮侧边广告（仅IE可用）

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鼠标滑轮侧边广告</title>
</head>

<body>
<div style="width:993;height:1799;text-align:center">
<img src="images/contentpic.jpg"/>
</div>

<div style="top:30px;left:50px;position:absolute;z-index:5; " id="div">
<img src="images/advpic.jpg" />
<img src="images/close.jpg" onclick="showclose()" style="margin:0px -15px;position:absolute"/>
</div>

</body>

<script type="text/javascript">

//获取当前ID
var divobj = document.getElementById("div");

//获取长宽
var objtop = parseInt(divobj.style.top);
var objleft = parseInt(divobj.style.left);

//鼠标滚动事件
function move(){

var imgtop = document.documentElement.scrollTop;
var imgleft = document.documentElement.scrollLeft;

divobj.style.top = parseInt(objtop+imgtop)+"px";
divobj.style.left = parseInt(objleft+imgleft)+"px";

}

onscroll = move;

//关闭广告
function showclose(){
document.getElementById("div").style.display="none";
}
</script>
</html>

时间： 2024-12-29 15:42:03

js鼠标滑轮侧边广告（仅IE可用）的相关文章

JS鼠标滑轮事件的写法和按键的事件

在body注册一下滑轮事件 <body ></body> 然后JS代码如下: function win_onload() { ////注册按键事件 //document.onkeydown = keydown; /*注册事件*/ if(document.addEventListener){ document.addEventListener('DOMMouseScroll',scrollFunc,false); }//W3C window.onmousewheel=document

JS实现简单的运行代码 &amp; 侧边广告

/* JS实现简单的运行代码功能 */<!doctype html> <html> <head> <meta charset="utf-8" /> <script> window.onload = function() { var oTxt = document.getElementById('codeText'); var oBtn = document.getElementById('btn'); oBtn.onclick

js调用可执行性(exe)文件(仅IE可用)

jQuery: $(function(){ $('#exsp').click(function(exe){ exe.value=$('.exsp').attr('val'); try   { var   objShell   =   new   ActiveXObject("wscript.shell"); objShell.Run($('.exsp').attr('val')); objShell   =   null; } catch (exe){ alert('找不到文件&quo

js 滑动鼠标滑轮翻页

今天项目中用到了通过滑动鼠标滑轮触发事件,再网上找了一些例子,在FireFox下面使用正常,但是在IE和Google等浏览器下使用滑动一次滑轮却触发了两次事件,网上找了一些解决方案,最后选择了一个简单的解决方案,如果在使用的过程中出现问题,我会继续改进. <script type="text/javascript"> $(document).ready(function(){ var flag = true; /*鼠标滑轮滚动事件的处理*/ var scrollFunc=f

放大镜 鼠标滑入 鼠标滑轮放大

今天是周六,陪朋友逛了一天,回来就写代码,写到吐血了~~~ 已实现功能: 1.图片局部放大 2.按住鼠标右键时,滑动鼠标滑轮,可修改放大缩小倍数 本段代码仍存在问题: 1.代码不够精简 2.按住鼠标右键移动时,放大镜内图片不能随之放大代码并不完善,有时间再写, 原理图,(本小牛手画的,不喜勿喷~~)大概原理是,等比例背景图定位 最终效果: 黄色部分有张 遮罩层背景图         代码: <!DOCTYPE html> <html> <head lang="en&

JS淘宝商品广告效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS淘宝商品广告效果</title> <style> ul{ margin: 0; padding: 0; } li{ list-style: none; } #ad{ width: 298px; height: 208px; border: 1

js鼠标移入移出效果【原】

<HTML> <HEAD> <!-- meta 解释 : http://www.haorooms.com/post/html_meta_ds --> <meta http-equiv="content-Type"content="text/html;charset=utf-8"> <TITLE>js鼠标移入移出效果</TITLE> <style> *{ margin:2;paddin

鼠标特效-让鼠标滑轮失效

<!DOCTYPE html><html>    <head>        <title>让鼠标滑轮失效</title>        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>        <script type="text/javascript">      

精美js鼠标特效代码跟随

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>精美js鼠标跟随代码</title></head><body><script> A=document.getElementByIdB=document.all;C=document.layers;