JAVASCRIPT:漂浮的广告，status设置，getElementById("id")获取文件名称

最新推荐文章于 2024-09-14 18:52:56 发布
最新推荐文章于 2024-09-14 18:52:56 发布
阅读量1k 收藏
点赞数
文章标签： javascript layer xhtml div html border
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/goushaoping04/article/details/1117962
版权

<!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=gb2312" />
<title>无标题文档</title>
<script language="javascript" src="myjava.js">

//window.document.body.offsetWidth获取屏幕宽度；

//window.document.body.offsetHeight
</script>
<style type="text/css">
<!--
#Layer2 {
 position:absolute;
 left:164px;
 top:151px;
 width:424px;
 height:39px;
 z-index:0;
 background-image: none;
 visibility: visible;
}
#Layer3 {
 position:absolute;
 left:167px;
 top:150px;
 width:424px;
 height:111px;
 z-index:2;
 visibility: hidden;
}
-->
</style>
</head>

<body οnlοad="admove()" bgcolor="#003366">
<form id="form1" name="myclock" style="text-align:center; s">
   <input name="times" type="text" style="color:#FF0066; font-family:'Times New Roman,Times, serif';border:none; font-size:36px; background:none;height:80px;text-align:center" value="" size="25" /><br> 
   <select name="colo" οnchange="mystyle()" style="text-align:center; size:100px">
            <option value="m">默认颜色</option>
            <option value="r">红色</option>
            <option value="g">绿色</option>
            <option value="y">黄色</option>
            <option value="b">中间</option>
   </select>
</form>

 <div id="ad1" style="position:absolute; top:5px; left:603px"><img src="111.jpg" width="150" height="150"/></div>
<span id="ad2" style="position:absolute; top:1px; left:3px"><img src="222.jpg" width="150" height="150"/></span>
<div align="center"  id="Layer2" style="z-index:1"><strong><font style="font-size:72px; font-family:华文新魏; color:#FF0099;">美丽人生<br />
始于足下</font></strong></div>
<div id="Layer3" align="center"><strong><font style="font-size:72px; font-family:华文新魏; color:#FF0099">靓足行动<br />
开始了</font></strong></div>
<div align="center" id="Layer1" style="z-index:2"></div>
</body>
</html>
／／／其中有两副图片111.jpg/222.jpg 

goushaoping04
关注
JavaScript笔记
shine_my的博客
03-13 3295
JavaScript笔记
带关闭按钮的漂浮广告代码
02-02
带关闭按钮的漂浮广告代码，你只需将代码加入到网页的<body>和</body>之间即可
窗口碰壁弹回的浮动广告代码
diecai1469的博客
10-14 132
<div id="ad" style="position:absolute"> <TABLE cellSpacing=0 cellPadding=0 style='border-left:1px solid #333333;border-top:1px solid #333333;border-right:1px solid #333333;font-size:12...
js漂浮广告
cai niaoyihao_的博客
05-12 796
js漂浮广告
javascript:广告、文字跑马灯、图片浮动案例
php398893944的专栏
02-22 3343
javascript浏览器对象  window.open  实现一个广告弹出效果 1、确定我们要弹出的内容 2、控制弹出大小、窗口的特征 3、弹出的起始坐标(0,0)   function openAdv(){ var w=window.open("http://www.taobao.com","淘宝网","height=800,width=1000,location=no,re
Js广告_全屏漂浮广告效果
acongshijia的专栏
11-26 2741
Js广告_全屏漂浮广告 div#roll{width:100px;height:100px; background-color:#000; color:#fff; position:absolute;} 我是广告 var ggRoll = { roll : document.getElementById("roll"), speed : 20, statusX
学做全屏浮动广告 JS 原生代码
Yiu的博客
03-22 2441
JS全屏漂浮广告 div#roll { width: 100px; color: #fff; position: absolute; height: 100px; background-color: #000 } JS全屏漂浮广告，移入光标停止移动 我是广告 var ggRoll = { roll: document.getElementById("roll"),
JS全屏漂浮广告、移入光标停止移动
liudanyang_21的博客
07-09 337
点击这里查看效果以下是代码： 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>JS全屏漂浮广告-柯乐义</title> 6 <style type="text/css"> 7 div#roll{width:100px;heig
网站漂浮广告代码收藏
yuanchangyuan2125的专栏
12-13 1995
可以关闭，链接的网站图片漂浮代码 function closeBox() { document.getElementById("img").style.display = "none"; } 关闭 http://www.baidu.com" target="_blank">     var x = 50,y = 60   var xin = true, yin
HTML特效:跟着鼠标慢慢漂浮的广告
goushaoping04的专栏
09-14 2105
跟着鼠标走的广告var x =0;var y = 0;var x1;var y1;document.onmousemove=mM;function mM(){    x1= event.x - 50;  y1 = event.y -30;  window.status=event.x+"  "+event.y;}function posx(){    var w = document.body.o
前端基础之Html、CSS、JavaScript、JQuery、Ajax
pybstudyjava的博客
03-29 1834
前端 1.HTML XML：可扩展标记语言 XHTML：可扩展的超文本标记语言 1. HTML 概述 HTML：超文本标记语言 网页组成：文字 + 图片 + 表格 + 表单 + 链接 + 视频 + 音频 网页文件的格式：htm ，html 网页的注释：<!-- 注释的内容 --> html 结构 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xh
原js笔记
Pwsifeng的博客
01-10 2547
s原生JS笔记 电话：17339853876（微信同号） 二阶段学习内容 1、B/S架构（web结构） [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4LYi0Arv-1641803458638)(img1628929434621.png)] 2、前端工程师的工作 人机交互 前后端交互 3、HTML、CSS、JS的作用和关系 一个网页由三部分组成：HTML、CSS、Javascript HTML： 结构（静态） [外链图片转存失败,源站可能有防盗链
vue+element-ui项目中自定义时钟（含有日期。另有浮动时钟（和浮动广告相同原理））
绝圣弃智-零的博客
04-24 3656
在webstorm中，开发vue项目（模块化开发），在登录界面右上角显示时钟（含有日期）： 1.先在login.vue中template中相应位置，添加如下代码： <el-col :span="8"> <div id="clock"> <p class="date">{{ date }}</p> ...
2022年最新前端面试题（大前端时代来临卷起来吧小伙子们..持续维护走到哪记到哪）
m0_54854317的博客
03-03 790
HTML和Css部分 1、对BFC规范（块级格式化上下文）的理解 BFC 块级格式化上下文 一块独立的区域，有自己的规则，bfc中的元素与外界的元素互不影响 BFC是一块用来独立的布局环境，保护其中内部元素不受外部影响，也不影响外部。 怎么触发BFC 1. float的值left或right 2. overflow的值不为visible（默认） 3. display的值为inline-block、table-cell、table-caption 4. position的值为absolute（绝对定位）或f
【JavaScript】LeetCode：707设计链表
最新发布
weixin_45980065的博客
09-14 706
【代码】【JavaScript】LeetCode：707设计链表。
Vue接入高德地图并实现基本的路线规划功能
黄团团的个人博客
09-11 643
找到public目录下的index.html文件，把刚才申请好的2个密钥分别粘贴进去，第一个securityJsCode是填入安全密钥，第二个红框是填入Key。登录高德开放平台，点击我的应用，先添加新应用，然后再添加Key。如图所示填写对应的信息，系统就会自动生成。
JavaScript DOM元素访问教程：getElementById示例
当你想要通过ID来定位特定的元素时，`getElementById()`方法就显得尤为重要。 `getElementById`函数接受一个参数，即元素的唯一ID属性值，返回对应的DOM元素对象。例如，在HTML代码`<a id="sirius" href="sirius....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值