2. 程式人生 > >超級實用且不花哨的js程式碼大全

超級實用且不花哨的js程式碼大全

阿新 • • 發佈：2019-01-27
廣告JS程式碼效果大全

2.[滑鼠感應]
    與前面一個程式碼不同的是，當滑鼠移動到廣告圖片上是可以感應顯示另外設定好的廣告大圖效果，下面就是實現效果所需程式碼：

function bigshow(){
    document.all.div_250.style.visibility = 'visible';
    document.all.div_80.style.visibility = 'hidden';
    }
    function bighide(){
    document.all.div_80.style.visibility = 'visible';
    document.all.div_250.style.visibility = 'hidden';
    }
   
    var ad_80= new Array(1);
    var ad_250= new Array(1);
   
    ad_80[0]="<a href=http://www.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad.gif border=0></a>";
    ad_250[0]="<a href=http://www.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad2.gif border=0></a>";
   
    var imgheight;
    var fubioleft;
    window.screen.width>800 ? fubioleft=15:fubioleft=15
   
    document.write('<DIV id=floater_left style="Z-INDEX: 25; LEFT:'+fubioleft+'px; WIDTH: 28px;POSITION: absolute; TOP: 42px; HEIGHT: 22px">');
   
    ad_now = new Date();
    ad_id= ad_now.getSeconds() %1
   
    var adhead1="<div id=div_80 style='position:absolute; width:95px; height:62px; z-index:12' onMouseOver=bigshow();>";
    var adhead2="</div><div id=div_250 style='position:absolute; visibility: hidden; z-index:13;width: 80; height: 60' onMouseOut=bighide();>";
   
    //var adhead1="<div id=div_80 style='position:absolute; width:95px; height:62px; z-index:20' onMouseOut='//MM_showHideLayers(/"div_250/",/"/",/"hide/")' onMouseOver='MM_showHideLayers(/"div_250/",/"/",/"show/")'>";
    //var adhead2="</div><div id=div_250 style='position:absolute; z-index:21;visibility: hidden; width: 80; height: 60' onMouseOver='MM_showHideLayers(/"div_250/",/"/",/"show/")' onMouseOut='MM_showHideLayers(/"div_250/",/"/",/"hide/")'>";
   
    document.write(adhead1+ad_80[ad_id]+adhead2+ad_250[ad_id]+"</div>");
   
    document.write ("</div>");
    self.onError=null;
    currentX = currentY = 0;
    whichIt = null;
    lastScrollX = 0; lastScrollY = 0;
    NS = (document.layers) ? 1 : 0;
    IE = (document.all) ? 1: 0;
    function heartBeat() {
    if(IE) {
    diffY = document.body.scrollTop;
    diffX = document.body.scrollLeft; }
    if(NS) {
    diffY = self.pageYOffset; diffX = self.pageXOffset; }
    if(diffY != lastScrollY) {
    percent = .5 * (diffY - lastScrollY);
    if(percent > 0) percent = Math.ceil(percent);
    else percent = Math.floor(percent);
    if(IE) document.all.floater_left.style.pixelTop += percent;
    if(NS) document.floater_left.top += percent;
    lastScrollY = lastScrollY + percent;
    }
    if(diffX != lastScrollX) {
    percent = .5 * (diffX - lastScrollX);
    if(percent > 0) percent = Math.ceil(percent);
    else percent = Math.floor(percent);
    if(IE) document.all.floater_left.style.pixelLeft += percent;
    if(NS) document.floater_left.left += percent;
    lastScrollX = lastScrollX + percent;
    }
    }
   
    if(NS || IE) action = window.setInterval("heartBeat()",1);var ad_80= new Array(1);
    var ad_250= new Array(1);
   
    ad_80[0]="<a href=http://www.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad.jpg border=0></a>";
    ad_250[0]="<a href=http://www.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad.jpg border=0></a>";
   
    var imgheight;
    var fubioleft;
    window.screen.width>800 ? fubioleft=15:fubioleft=15
   
    document.write('<DIV id=floater_right style="Z-INDEX: 25; LEFT:'+fubioleft+'px; WIDTH: 28px;POSITION: absolute; TOP: 42px; HEIGHT: 22px">');
   
    ad_now = new Date();
    ad_id= ad_now.getSeconds() %1
   
    function myload()
    {
    if (navigator.appName == "Netscape")
    {
    document.div_right_80.pageX=+window.innerWidth-130;
    document.div_right_250.pageX=+window.innerWidth-300;
    mymove();
    }
    else
    {
    div_right_80.style.left=document.body.offsetWidth-130;
    div_right_250.style.left=document.body.offsetWidth-300;
    mymove();
    }
    }
   
    function mymove()
    {
    if(document.ns)
    {
    document.div_right_80.left=pageXOffset+window.innerWidth-130;
    document.div_right_250.left=pageXOffset+window.innerWidth-300;
    setTimeout("mymove();",20)
    }
    else
    {
    div_right_80.style.left=document.body.scrollLeft+document.body.offsetWidth-145;
    div_right_250.style.left=document.body.scrollLeft+document.body.offsetWidth-300;
    setTimeout("mymove();",20)
    }
    }
   
    var adhead1="<div id=div_right_80 style='position:absolute; width:95px; height:60px; z-index:12' onMouseOver=bigshow_right();>";
    var adhead2="</div><div id=div_right_250 style='position:absolute; visibility: hidden; z-index:13;width: 250; height: 250' onMouseOut=bighide_right();><div align=right>";
   
    document.write(adhead1+ad_80[ad_id]+adhead2+ad_250[ad_id]+"</div></div>");
   
    myload()
   
    document.write ("</div>");
    self.onError=null;
    currentX_right = currentY_right = 0;
    whichIt_right = null;
    lastScrollX_right = 0; lastScrollY_right = 0;
    NS = (document.layers) ? 1 : 0;
    IE = (document.all) ? 1: 0;
    function heartBeat_right() {
    if(IE) {
    diffY_right = document.body.scrollTop;
    diffX_right = document.body.scrollLeft; }
    if(NS) {
    diffY_right = self.pageYOffset; diffX_right = self.pageXOffset; }
    if(diffY_right != lastScrollY_right) {
    percent_right = .5 * (diffY_right - lastScrollY_right);
    if(percent_right > 0) percent_right = Math.ceil(percent_right);
    else percent_right = Math.floor(percent_right);
    if(IE) document.all.floater_right.style.pixelTop += percent_right;
    if(NS) document.floater_right.top += percent_right;
    lastScrollY_right = lastScrollY_right + percent_right;
    }
    if(diffX_right != lastScrollX_right) {
    percent_right = .5 * (diffX_right - lastScrollX_right);
    if(percent_right > 0) percent_right = Math.ceil(percent_right);
    else percent_right = Math.floor(percent_right);
    if(IE) document.all.floater_right.style.pixelLeft += percent_right;
    if(NS) document.floater_right.left += percent_right;
    lastScrollX_right = lastScrollX_right + percent_right;
    }
    }
   
    if(NS || IE) action = window.setInterval("heartBeat_right()",1);
    function bigshow_right(){
    document.all.div_right_250.style.visibility = 'visible';
    document.all.div_right_80.style.visibility = 'hidden';
    }
    function bighide_right(){
    document.all.div_right_80.style.visibility = 'visible';
    document.all.div_right_250.style.visibility = 'hidden';
    }document.write('');
    document.write('');
    document.write('');


   
3.[允許關閉]
    與前面兩個程式碼不同的是，廣告圖下方增加了一個圖片按紐，允許訪客點選關閉廣告圖片，下面文字框中就是實現效果所需程式碼：

var delta=0.015;
    var collection;
    var closeB=false;
    function floaters() {
    this.items = [];
    this.addItem = function(id,x,y,content)
    {
    document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute; width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');
   
    var newItem = {};
    newItem.object = document.getElementById(id);
    newItem.x = x;
    newItem.y = y;
   
    this.items[this.items.length] = newItem;
    }
    this.play = function()
    {
    collection = this.items
    setInterval('play()',30);
    }
    }
    function play()
    {
    if(screen.width<=800 || closeB)
    {
    for(var i=0;i<collection.length;i++)
    {
    collection.object.style.display = 'none';
    }
    return;
    }
    for(var i=0;i<collection.length;i++)
    {
    var followObj = collection.object;
    var followObj_x = (typeof(collection.x)=='string'?eval(collection.x):collection.x);
    var followObj_y = (typeof(collection.y)=='string'?eval(collection.y):collection.y);
   
    if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {
    var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
    dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
    followObj.style.left=followObj.offsetLeft+dx;
    }
   
    if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {
    var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;
    dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
    followObj.style.top=followObj.offsetTop+dy;
    }
    followObj.style.display = '';
    }
    }
    function closeBanner()
    {
    closeB=true;
    return;
    }
   
    var theFloaters = new floaters();
    //
    theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'<a  href=http://www.dfeng.net target=_blank><img src=ad/doublead/right.gif width=100 height=554 border=0></a><br><br><img src=ad/doublead/close.gif >');
    theFloaters.addItem('followDiv2',0,0,'<a  href=http://www.dfeng.net target=_blank><img src=ad/doublead/ad_ad.gif width=100 height=400 border=0 ></a><br><br><img src=ad/doublead/close.gif >');
    theFloaters.play();


   把上面的程式碼分別另存為兩個JS檔案，然後在想實現此效果的頁面用
   
    <script type="text/javascript" language="javascript1.2" src="*.js"></SCRIPT>
   
    呼叫即可，*代表你另存的檔名！注意修改廣告圖片地址和連線地址！

相關推薦

超級實用且不花哨的js程式碼大全

廣告JS程式碼效果大全 2.[滑鼠感應]     與前面一個程式碼不同的是，當滑鼠移動到廣告圖片上是可以感應顯示另外設定好的廣告大圖效果，下面就是實現效果所需程式碼： function bigshow(){     document.all.div_250.styl

JS修改標簽中的文本且不影響其中標簽

stack blog lang nal class value eval element ons /********************************************************************* *

js程式碼不可逆混淆（自程式設計）

這個程式碼找不到出處了。侵刪 以前在哪個論壇上看見的，拷貝下來發現挺好使。 百度搜的市面上的線上混淆工具無法恢復這個混淆後的程式碼，個人整理成一個jsp頁面直接用。 缺陷是：個人學習理解一下混淆規則，也是可以直接讀出混淆後代碼的，只是略費勁（需要有十分強大的耐心）  

記Android webView載入html程式碼 不執行js方法的情況

頁面中有一個webView顯示後臺返回的富文字資料，富文字資料是一串html程式碼，但是並沒有<html><body>這些標籤,webView不做任何處理，使用 webView.loadData(html, "text/html; charset=U

ajax post js程式碼執行後 後面程式碼不執行

Ajax請求預設的都是非同步的 如果想同步 async設定為false就可以（預設是true） var html = $.ajax({ url: some.php, async: false }).responseText; post方法 $.ajaxSettings.async&n

iOS和JS互動(含OC、html、js)程式碼不使用第三方庫(二)

最近研究研究OC和JS互動的WebViewJavascriptBridge的用法 網上似乎有好多的關於OC和js互動的例子，但是沒有一個完成的。今天我就把我的OC程式碼和Html程式碼統統的放出來。在說說網上的例子都是一個樣沒有一點區別，其實你關注洲洲哥的簡書就

JS漢字轉拼音，超級實用

/** * 中文字串轉化為拼音 * alert(convertToPinyinLower("你好啊")); */ function hash(_key,_value) { this.key = _key; // 拼音*/ this.value = _value; //

js瀏覽器控制檯不報錯，但不執行下面的js程式碼

          今天在寫程式碼是碰到一個很奇葩的錯誤，在控制檯不報錯，但下面的js程式碼就是不執行，我就把下面的js程式碼放到最上面，可以執行，在這樣一步一步往下放，最終找到了一段不是方法的js程

Selenium Webdriver 的使用java執行js程式碼 解決 ScriptEngine不支援瀏覽器內建物件window,document的問題

問題場景： 使用java 掉用js程式碼，發現 ScriptEngine不支援瀏覽器內建物件window,document的問題； 問題一：為什麼要 用java掉用js程式碼？     比如在 抓取(爬取)對方網站時，需要破解一些js邏輯程式碼合作加密演算法，但是js混淆了

RSA之JS於JAVA互動,廢話不多上程式碼！

package org.boyz.rsa.rsajs; /** * Created by on 2015/1/6. */ import org.bouncycastle.jce.provider.BouncyCastleProvider; import javax

js程式碼中 何時加入引號，何時不加

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <

JS 程式碼中到底加不加分號

背景 在寫自動執行函式時 vm.$watch('datas', function() { console.log(vm.datas); }) (function () { console.log('test'); })() 出現莫名錯誤：

解決innerHTML包含的js程式碼不能被執行的問題

var global_html_pool = [];    var global_script_pool = [];    var global_script_src_pool = [];    var global_lock_pool = [];    var inner

你所不知道的HTML5 Web APIs， 超級實用

開發十年，就只剩下這套架構體系了！ >>>   

JS自學大全

輪播 creat 原型 als 全局變量 string類 不存在 添加 finally JS是從上往下執行的 console.log();輸出語句console.warn();錯誤提示語句 黃色三角形感嘆號console.error();錯誤提示 紅色圓Xalert();

JS方法大全

ext 第一個 before attr 字節 notes blog 刪除 指定 方法：document.createElement(tagName) 說明：創建指定元素 方法：document.createTextNode(文本) 說明：創建文本節點 方法：_dom

限制pdf文檔為只讀且不能打印的方法

許可 關閉 pdf文檔 文檔編輯 只讀 保存 方法 -- adobe (1) 在Adobe Pro下，選擇工具---->保護---->限制編輯，然後輸入密碼。 (2) 接下來選擇“文件”------>“屬性”---->安全性----->安全性

一個動態小導航欄(好看的，用C3)（不依賴js，點擊小圖切換大的背景圖）

width ima line auto fashion put spl body sha <!DOCTYPE HTML><htmllang="en-US"> <head> <meta charset="UTF-8

電腦小工具，好用不花哨

net fast moni clean explorer capture explore cap u盤啟動盤制作工具 Everything 搜索軟件 Ccleaner 電腦清理軟件 Fast Stone Capture 電腦截圖加處理軟件 Ultralso u盤啟動盤制作工

解決IOS微信內置瀏覽器返回後不執行js腳本的問題

style load 返回 on() cti 發現 bsp 內置瀏覽器 false 在A頁面寫一個$(function(){}) 後隨便點擊一個URL跳轉到B頁面 利用微信內置瀏覽器 返回鍵返回到A頁面後發現這段JS不執行，後來找到了解決方案 $(f