在网页右侧加悬浮代码,其实非常简单
①、在广告的管理模块里新增加一个广告
②、广告代码在下面:
var x = 50,y = 60
var xin = true, yin = true
var step = 1
var delay = 10
var obj=document.getElementByIdx_x_x("ad")
function floatAD() {
var L=T=0
var R= document.body.clientWidth-obj.offsetWidth
var B = document.body.clientHeight-obj.offsetHeight
obj.style.left = x + document.body.scrollLeft
obj.style.top = y + document.body.scrollTop
x = x + step*(xin?1:-1)
if (x < L) { xin = true; x = L}
if (x > R){ xin = false; x = R}
y = y + step*(yin?1:-1)
if (y < T) { yin = true; y = T }
if (y > B) { yin = false; y = B }
}
var itl= setInterval("floatAD()", delay)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}
③、把上面代码的广告网址替换成你的广告网址就行了
④、把上面代码的src="/templets/tupian/漂浮.jpg (图片地址),代码换成你的图片地址
⑤、然后生成广告代码
⑥、最后Ctrl+C Ctrl+V 放到你的首页或者其他模板BODY内,就好啦
不明白可以先参考衬衫搭配爱shirt网
教程由爱shirt网编辑
HTML网页特效CSS大全 css属性代码大全 一CSS文字属性: color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight:bold; /*文字粗体*/ vertical-align:sub; /*下标字*/ vertical-align:super; /*上标字*/ text-decoration:line-through; /*加删除线*/ text-decoration: overline; /*加顶线*/ text-decoration:underline; /*加下划线*/ text-decoration:none; /*删除链接下划线*/ text-transform : capitalize; /*首字大写*/ text-transform : uppercase; /*英文大写*/ text-transform : lowercase; /*英文小写*/ text-align:right; /*文字右对齐*/ text-align:left; /*文字左对齐*/ text-align:center; /*文字居中对齐*/ text-align:justify; /*文字分散对齐*/ vertical-align属性 vertical-align:top; /*垂直向上对齐*/ vertical-align:bottom; /*垂直向下对齐*/ vertical-align:middle; /*垂直居中对齐*/ vertical-align:text-top; /*文字垂直向上对齐*/ vertical-align:text-bottom; /*文字垂直向下对齐*/ 二、CSS边框空白 padding-top:10px; /*上边框留空白*/ padding-right:10px; /*右边框留空白*/ padding-bottom:10px; /*下边框留空白*/ padding-left:10px; /*左边框留空白 三、CSS符号属性: list-style-type:none; /*不编号*/ list-style-type:decimal; /*阿拉伯数字*/ list-style-type:lower-roman; /*小写罗马数字*/ list-style-type:upper-roman; /*大写罗马数字*/ list-style-type:lower-alpha; /*小写英文字母*/ list-style-type:upper-alpha; /*大写英文字母*/
[HTML代码]会移动的文字(Marquee) Marquee标记用于在可用浏览区域中滚动文本。这个标记只适用于 IE3以后的版的浏览器。 格式: 属性: ALIGN:用于按设定的值对齐滚动的文本。ALIGN可以设
定的值有:LEFT,CENTER,RIGHT,TOP,BOTTOM。此属性不 是必须使用的。 例: BEHAVIOR:可以在页面上一旦出现文本时让浏览器按照设定的方法来处理文本。如果设定的方法是SLIDE,那么文本就移动到文档上,并停留在页边距上。如果设定为ALTERNATE,则文本从一边移动到另一边。如果设定为SCROLL,文本将在页面上反复滚动。本属性不是必须使用的。可以设定的值有:SILIDE, ALTERNATE,SCROLL。 例: BGCOLOR:用于设定字幕的背景颜色。背景颜色可用 RGB、16进制值的格式或颜色名称来设定。 例:
世界大学城 css代码添加背景图片常用代码 (2011-05-22 20:18:58) 转载 标签: 杂谈 1 背景颜色 {background-color:数值} 2 背景图片 {background-image: url(URL)|none} 3 背景重复 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y} 4 背景固定 {background-attachment:fixed|scroll} 5 背景定位 {background-position:数值|top|bottom|left|right|center} 6 背影样式 {background:背景颜色|背景图象|背景重复|背景附件|背景位置} 1.背景颜色:background-color 语法:{background-color:数值} 说明:参数取值和颜色属性一样 注意:在HTML当中,要为某个对象加上背景色只有一种办法,那就是先做一个表格,在表格中设置完背景色,再把对象放进单元格。这样做比较麻烦,不但代码较多,还要为表格的大小和定位伤些脑筋。现在用CSS就可以轻松地直接搞定了,而且对象的范围很广,可以是一段文字,也可以只是一个单词或一个字母。例子:给部分文字加背景颜色给部分文字加背景颜色 表格背影颜色:style="background-color:red" 2.背景图片:background-image 语法:{background-image: url(URL)|none} 说明: URL就是背景图片的存放路径。如果用“none”来代替背景图片的存放路径,将什么也不显示。 例子:给部分文字加背景图片 .imgbgstyle { background-image: url(logo.gif)} 3.背景重复:background-repeat 语法:{background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y} 作用:背景图片重复控制的是背景图片平铺与否,也就是说,结合背景定位的控制可以在网页上的某处单独显示一幅背景图片 说明:参数取值范围: ·inherit 继承 ·no-repeat 不重复平铺背景图片 ·repeat ·repeat-x 使图片只在水平方向上平铺 ·repeat-y 使图片只在垂直方向上平铺 注意:如果不指定背景图片重复属性,浏览器默认的是背景图片向水平、垂直两个方向上平铺。 4.背景固定:background-attachment
塔里木大学信息工程学院 计算机12-3 陈浩整理 目录 1.让文字不停地滚动 (4) 2.不同时间段显示不同问候语 (4) 3.让网页随意后退(这是写在BODY里的源码) (4) 4.随机变换背景图象(一个可以刷新心情的特效) (5) 5.文字效果向上的效果 (5) 6.鼠标放到链接上就会出现一个说明框,里面有滚动的文字说明 (6) 7.时钟 (7) 8.状态栏的打字效果 (8) 9.统计访问次数 (9) 10.页面中登陆FTP (10) 11.图片渐渐显示 (12) 12.图片大小随鼠标触碰而变化 (12) 13.页面自动滚屏效果 (12) 14.文字从天而降 (13) 15.百页窗效果 (19) 16.舞台光柱照射效果 (21) 17.各种用途的按钮大集合 (21) 18.自动刷新网页 (23) 19.保护自己的页面不被别人放在框架中 (23) 20.打字机打彩色文字 (23) 21.鼠标激活警告框 (25) 23.彩色滚动条 (27) 24.跳出小窗口 (27) 25.很酷的类似鼠标跟随的遮照效果 (27) 26.在一个Textarea框中,文字逐个输出,而且自动换行和刷屏 (28) 27.鼠标键值表 (30) 28.非常实用的随机产生用户密码脚本 (30) 29.鼠标带图像效果 (33) 30.一个很好的文字效果 (62) 31.打把游戏 (65) 32.超酷文字下落效果 (72) 33.多格式下拉菜单 (77) 34.文字的变换导航 (79) 35.随机文字显示 (85) 36.链接使图片变换 (85) 37.banner变换导航 (87)
39.不间断滚动的处理 (93) 40.相同地方滚动新闻 (95) 41.图片的任意方向移动(窗帘效果) (97) 42.很酷的图片集旋转显示 (99) 43.小巧实用的鼠标时钟 (102) 44.上下滚动的文字 (109) 45.怎样去掉图片链接点击后,图片周围的虚线? (110) 46.怎样让表单没有凹凸感? (113) 47.
网页制作特效——网页特效 (1)导航菜单:
单元3网页图片与背景的美化与布局 在网页中恰当地使用图像,能够充分展现网页的主题,吸引浏览者的眼球。图像能美化网页、增强视觉效果,使网页锦上添花。将适当的图像与文字有效地组合,实现图文混排,丰富页面内容,提高网页的美感。 【知识预览】 1.HTML5中常用的图片标签 (1)标签 标签用于向网页中嵌入一幅图像。标签创建的是被引用图像的占位空间。 标签有两个必需的属性:src属性和alt属性。 (2)
Javascript特效代码大全(420个) Javascript 特效代码 ├Cookie脚本├随访问次数变提示├集成Cookies ├使窗口仅弹出一次├签名提示程序├记录上次登录时间├自由控制打开窗口├记录页面修改时间├检测IE去过站点├离开时显示信息├弹出窗口自动关闭├离开页面弹出窗口├进入时显示信息├离开启动收藏夹├链接确认按钮├点击加入收藏夹├记录页面更新时间├页面载入等待├打开硬盘驱动器├设置默认首页├输入框测试警告├链接弹出警告框├关闭窗口链接├显示器分辨率检测├按分辨率导航├定制打开的窗口├控制窗口打开日期├打开窗口居中├输入框控制├查看输入框内容├显示所有链接├限时载入页面├输入框神秘消失├检测访问来源├回退的页面数├危险的链接├倒计时载入页面├自由打开窗口├检测IE所装插件├检测点链接速度├检测健康程度?├页面中打开窗口├特殊的Bookmark ├窗口打开关闭程序├随机显示一些数字├页面自动打开├进入弹出收藏夹├自动显示是否更新├浏览器详
细报告 ├ 页面背景类├背景向下移动├背景不停变换色彩├使页面产生百叶窗├颜色代码英文集├自已选择背景颜色├背景颜色安全测试├颜色选择器├背景图片居中├页面转换特效├礼花背景├链接驱动背景色├手动调节背景色├鼠标使链接变色├跟随鼠标旋转背景├背景调色板├RGB颜色转换 ├按钮驱动背景├颜色选择器├精彩的变色文字├颜色选择器├闪烁的霓虹灯├星星从背景中飞出├背景向下移动(二) ├动态选择背景色├下雨├按钮驱动背景变化├按钮使背景闪烁├背景随机显示├背景快速闪烁├自己选择背景图片 ├ 文本特效类├随机信息显示├随机文本链接├所有链接不停变色├鼠标经过文字变色├随日期变换文本├文字颜色渐变脚本├文本自动输出├文字特效├文字不停变色├字符连续消隐├公告栏
使用背景图片和音乐美化网页》教学设计 DIV.yFav_1249633762080P.soNoral{TEXT-jUSTIFy:inter- ideograph;FoNT-SIZE:10.5pt;ARGIN:0c0c0pt;FoNT-FAILy :"TiesNeRoan";TEXT-ALIGN:justify}DIV.yFav_124963376 2080Ll.soNoral{TEXT-jUSTIFy:inter-ideograph;FoNT-SI ZE:10.5pt;ARGIN:0c0c0pt;FoNT -F AILy:"TiesNeRoan";TEX T-ALIGN:justify}DIV.yFav_1249633762080DIV.soNoral{T EXT-jUSTIFy:inter-ideograph;FoNT-SIZE:10.5pt;ARGIN: OcOcOpt;FoNT -F AILy:"TiesNeRoan";TEXT-ALIGN:justify} DIV.yFav_1249633762080DIV.Section1{page:Section1}DI V.yFav_1249633762080oL{ARGIN-BoTTo:0c}DIV.yFav_1249 633762080UL{ARGIN-BoTTo:Oc} 【教材使用】宁教厅审定山东教育出版社出版软件FrontPageXX 【适用年级】8年级 【适用单元】网页制作第3大节 【教材分析】 教材中本节的内容分为三部分:一是使用导航栏和共享 边框;二是添加网页背景与上节的背景音乐一块学习;三是添加网
页水平线和滚动字幕。我将知识重新规划:先引导学生从已知入手,学习第二、三部分的知识,在学习部分知识时,由于学生对相关知识了解不多,是本节的难点,放在后面讲解。 本节是第二部分为网页添加背景图片和音乐。背景图片在上节插入图片的知识上过渡到背景图片,其中可以引导学生使用颜色、图片和主题三种不同方式改变网页的背景,可以扩展背景设置时的不同方法。有了背景图片还可以加入背景音乐,这都属于同一类的知识,可以放在一起让学生鉴别学习。 【学情分析】 学生在上节课已经学会了插入图片的方法,在学习文字处理软件时也学习到了相关知识,借助这个已知来学习本节课的内容应该比较容易些,因此本节课知识学生可以自主学习。 【教学目标】 .知识目标 掌握为网页中添加背景的不同方法。 掌握为网页中添加背景音乐的方法。 .技能目标 通过学生自主学习过程中,掌握为网页中添加背景音乐 和不同背景的方法 .情感目标 通过为网页添加背景及音乐的学习,培养学生综合运用 知识的能力和审美能力。
[网站建设]网页中插入图片实现滚动代码
自动切换的图片幻灯切换效果(图片滚动新闻) 可自己修改滚动图片和增加滚动图片数量,以及修改滚动图片大小等! 1.效果预览: 2.代码部分:(将一下代码复制粘贴到记事本中,把后缀改成.html)