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/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

发表回复

登录后才能评论