javascript飄窗的簡單介紹

  • 1、我找的飄窗js代碼為什麼在360、火狐這些瀏覽器裡面沒有效果,ie裡面確可以呢,兼容性的問題嗎?
  • 2、”窗戶”的英語怎麼讀?
  • 3、求個在HTML加入圖片飄窗的代碼
  • 4、關於網頁製作中懸浮窗在鼠標在上面時停止的問題

尊敬的用戶,您好!很高興為您答疑

你的代碼有如下問題:

1、document.all這個屬性本身是IE的特有屬性,且不符合W3c標準,所以除了IE之外,chrome和firefox都不支持。 2、document.documentElement.clientWidth/document.documentElement.clientHeight/document.documentElement.scrollLeft/document.documentElement.scrollTop這幾個屬性在不同內核的瀏覽器下存在兼容問題,不推薦使用.

希望我的回答對您有所幫助,如有疑問,歡迎繼續諮詢我們。

“窗戶”的英語讀音:window 英 [ˈwɪndəʊ]  美 [ˈwɪndoʊ]

例句:

1.The painter has a large studio with a window facing north.

那位畫家有一間窗子朝北的大畫室。

來自《權威詞典》

2.The ball smashed a window.

那個球把一塊窗玻璃打碎了。

來自《權威詞典》

3.There are no lights in the windows of the town.

鎮子中人家的窗口沒有一點兒燈光。

來自《權威詞典》

擴展資料

短語

Rear Window 後窗 ; 後窗玻璃 ; 後擋風玻璃 ; 後車窗

bay window [建] 凸窗 ; 飄窗 ; 窗檯 ; [建] 八角窗

rose window 玫瑰窗 ; [建] 圓花窗 ; 玫瑰花窗 ; 玻璃窗

Secret Window 秘窗 ; 神秘窗 ; 片

oval window [解剖] 卵圓窗 ; 卵形窗 ; 卵圓

Johari window 周哈里窗 ; 約哈瑞窗戶 ; 喬哈里窗 ; 喬哈里資訊窗

Window Spy 窗體偵探 ; 窗體偵察 ; 查看窗口信息 ; 窗口查看工具

window procedure 窗口過程 ; 視窗函式 ; 窗口程序 ; 窗口過程函數

casement window [建] 豎鉸鏈窗 ; [建] 平開窗 ; 窗扉預製件 ; 平開窗口

html

head

titlehtml-WEB開發/title

/head

body

div id=”img” style=”position:absolute;z-index=99;”

img src=”” onClick=”pause_resume();” border=”0″ alt=’img’ onload=”return imgzoom(this,600);” onclick=”javascript:window.open(this.src);” style=”cursor:pointer;”/

/div

SCRIPT LANGUAGE=”JavaScript”

!– Begin

var xPos = document.body.clientWidth-20;

var yPos = document.body.clientHeight/2;

var step = 1;

var delay = 5;

var height = 0;

var Hoffset = 0;

var Woffset = 0;

var yon = 0;

var xon = 0;

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 0) {

yon = 1;

yPos = 0;

}

if (yPos = (height – Hoffset)) {

yon = 0;

yPos = (height – Hoffset);

}

if (xon) {

xPos = xPos + step;

}else {

xPos = xPos – step;

}

if (xPos 0) {

xon = 1;

xPos = 0;

}

if (xPos = (width – Woffset)) {

xon = 0;

xPos = (width – Woffset);

}

}

function start() {

img.visibility = “visible”;

interval = setInterval(‘changePos()’, delay);

}

function pause_resume() {

if(pause) {

clearInterval(interval);

pause = false;

}else {

interval = setInterval(‘changePos()’,delay);

pause = true;

}

}

start();

// End —

/script

/body

/html

html

head

title移動文字/title

/head

body

MARQUEE onmouseover=this.stop() onmouseout=this.start() scrollAmount=1 direction=up

文字從下向上移動,改成direction=left則左右向左移動 scrollamount=1 為速度,數字越大越慢

/MARQUEE

/body

/html

原創文章,作者:簡單一點,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/126395.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
簡單一點的頭像簡單一點
上一篇 2024-10-03 23:08
下一篇 2024-10-03 23:08

相關推薦

  • Python簡單數學計算

    本文將從多個方面介紹Python的簡單數學計算,包括基礎運算符、函數、庫以及實際應用場景。 一、基礎運算符 Python提供了基礎的算術運算符,包括加(+)、減(-)、乘(*)、除…

    編程 2025-04-29
  • Python滿天星代碼:讓編程變得更加簡單

    本文將從多個方面詳細闡述Python滿天星代碼,為大家介紹它的優點以及如何在編程中使用。無論是剛剛接觸編程還是資深程序員,都能從中獲得一定的收穫。 一、簡介 Python滿天星代碼…

    編程 2025-04-29
  • Python海龜代碼簡單畫圖

    本文將介紹如何使用Python的海龜庫進行簡單畫圖,並提供相關示例代碼。 一、基礎用法 使用Python的海龜庫,我們可以控制一個小海龜在窗口中移動,並利用它的“畫筆”在窗口中繪製…

    編程 2025-04-29
  • Python櫻花樹代碼簡單

    本文將對Python櫻花樹代碼進行詳細的闡述和講解,幫助讀者更好地理解該代碼的實現方法。 一、簡介 櫻花樹是一種圖形效果,它的實現方法比較簡單。Python中可以通過turtle這…

    編程 2025-04-28
  • Python大神作品:讓編程變得更加簡單

    Python作為一種高級的解釋性編程語言,一直被廣泛地運用於各個領域,從Web開發、遊戲開發到人工智能,Python都扮演着重要的角色。Python的代碼簡潔明了,易於閱讀和維護,…

    編程 2025-04-28
  • 用Python實現簡單爬蟲程序

    在當今時代,互聯網上的信息量是爆炸式增長的,其中很多信息可以被利用。對於數據分析、數據挖掘或者其他一些需要大量數據的任務,我們可以使用爬蟲技術從各個網站獲取需要的信息。而Pytho…

    編程 2025-04-28
  • 使用JavaScript日期函數掌握時間

    在本文中,我們將深入探討JavaScript日期函數,並且從多個視角介紹其應用方法和重要性。 一、日期的基本表示與獲取 在JavaScript中,使用Date對象來表示日期和時間,…

    編程 2025-04-28
  • JavaScript中使用new Date轉換為YYYYMMDD格式

    在JavaScript中,我們通常會使用Date對象來表示日期和時間。當我們需要在網站上顯示日期時,很多情況下需要將Date對象轉換成YYYYMMDD格式的字符串。下面我們來詳細了…

    編程 2025-04-27
  • 如何製作一個簡單的換裝遊戲

    本文將從以下幾個方面,為大家介紹如何製作一個簡單的換裝遊戲: 1. 遊戲需求和界面設計 2. 使用HTML、CSS和JavaScript開發遊戲 3. 實現遊戲的基本功能:拖拽交互…

    編程 2025-04-27
  • Guava Limiter——限流器的簡單易用

    本文將從多個維度對Guava Limiter進行詳細闡述,介紹其定義、使用方法、工作原理和案例應用等方面,並給出完整的代碼示例,希望能夠幫助讀者更好地了解和使用該庫。 一、定義 G…

    編程 2025-04-27

發表回復

登錄後才能評論