本文目录
哪位朋友能提供我一些网页特效的网站和网页制作素材下载地址吗谢谢了！！
http://www.dabaoku.com/texiao/
http://www.dabaoku.com/sucai/
网页制作大宝库-网页特效集锦-网页特效代码大全
什么是网页脚本特效
网页特效 网页特效是用程序代码在网页中实现的特殊效果或者特殊的功能的一种技术.它为网页活跃了网页的气氛,有时候会起到一定的亲切力.
网页特效一般是通过Java Scritp(Java脚本)来实现的特殊效果,它通过客户端的WEB浏览器来执行.网页特效,有时还利用JAVA的APLET 来实现.
它一般分为:时间日期类 时间日期类 页面背景类 页面特效类 图形图象类 按钮特效类 鼠标事件类 Cookie脚本 文本特效类 状态栏特效 代码生成类 导航菜单类 页面搜索类 在线测试类 密 码 类 技 巧 类 综 合 类 游 戏 类 等等.
丰富多彩的网页特效,为网页增加了很不错的效果,初学网页者按照说明也很容易成功的为网页添加网页特效.学会添加网页特效的过程也能激发网页初学者更加了解HTML语言的结构.
网页特效大全,可以参考这个网页:
网页图片跑马灯效果代码
跑马灯大全
海波吧
《!--
Begin
var
Mes=new
Array();
Mes=“海波吧欢迎你“;
Mes=“感谢你关注海波吧“;
Mes=“网页制作技巧之跑马灯大全
“;
var
place=1;
var
i=0;
function
scroll()
{
window.status=Mes[i].substring(0,
place);
if
(place
》=
Mes[i].length)
{
if(i《2)
{
i++;
place=1;
window.setTimeout(“scroll()“,50);
}
else
{
i=0;
place=1;
window.setTimeout(“scroll()“,50);
}
}
else
{
place++;
window.setTimeout(“scroll()“,50);
}
}
//
End
-－》
滚动的文字
表示双向移动
表示运动方向向左
弹来弹去跑马灯!
表示运动方向向左
http://www.haibor8.cn
target=_blank》带有超链接的跑马灯!点点看
http://www.haibor8.cn
target=_blank》还有一条!点点看
参数
用法介绍
behavior=scroll,
slide,
alternate
跑马方式：循环绕行，只跑一次就停住，来回往复运动
direction=left,right
跑马方向：从左向右，从右向左
loop=100
跑马次数：循环100次，如不写默认为一直循环
width=100%,height=200
跑马范围：宽为100%，高为200像素
scrollamount=20
跑马速度：数越大越快
scrolldelay=500
跑马延时：毫秒数，利用它可实现跃进式滚动
hspace=20，vspace=20
跑马区域与其它区域间的空白大小
bgcolor=#00FFCC
跑马区域的背景颜色
-网页制作素材
Dreamweaver使用，网页特效代码制作
首先用ps或者其他软件将几张图片的大小p成一样的。比如笔者把三张图片都p成了200x268的大小。
2
打开Dreamweaver，新建一个网页（笔者这里建立一个html类型的网页）。
3
按Ctrl+S保存新建的网页。
4
点击菜单栏：插入--》表格。插入一个1行1列的表格。
5
把鼠标指针放到表格中，单击菜单栏的:插入--》布局对象--》AP Div,插入一个AP Div。
6
把鼠标放到刚刚新建的AP Div里边，点击菜单栏的：插入--》图像，选择一张需要插入的图片。
7
按上面的方法依次添加其他几个AP Div，并在里边插入图片。
接下来插入一个AP Div，然后再里边添加一个1行3列的表格。
鼠标指针放到表格第一个方框中，单击菜单栏：插入--》表单--》按钮。操作如图
鼠标点中添加的按钮，然后再下方属性面板中，把值修改为1。
按照上述步骤依次为表格的第二个框、第三个框添加一个按钮，并把属性值改成2和3。如图
把几个AP Div移动到同一个区域。如下图
单击菜单栏：窗口--》行为，打开行为面板。
鼠标点击第一个方框的按钮，点击标签检查器行为面板下方的“+”号，弹出的菜单中选择“显示-隐藏元素”。
按照下图所示，把AP Div1设置成显示，AP Div2设置成隐藏，AP Div3设置成隐藏。AP Div4可以设置成显示，也可以不设置（默认显示）。
如图，点击行为面板左边的英文，在弹出的菜单中选择onFocus。
按照上面的步骤，依次把表格第二个方框、第三个方框的按钮设置成如下图所示。
这样就做好了。按F12在浏览器中看看效果。
-特效
网页特效的时钟（不要数字）要钟表
背景时钟[好大的钟][推荐][共1步]
====1、以下是这个效果的全部代码。[最好从一个空页面开始]
《html》
《head》
《TITLE》背景时钟《/TITLE》
《script language=javaScript》
《!--//
function clockon() {
thistime= new Date()
var hours=thistime.getHours()
var minutes=thistime.getMinutes()
var seconds=thistime.getSeconds()
if (eval(hours) 《10) {hours=“0“+hours}
if (eval(minutes) 《 10) {minutes=“0“+minutes}
if (seconds 《 10) {seconds=“0“+seconds}
thistime = hours+“:“+minutes+“:“+seconds
if(document.all) {
bgclocknoshade.innerHTML=thistime
bgclockshade.innerHTML=thistime
}
if(document.layers) {
document.bgclockshade.document.write(’《div id=“bgclockshade“ style=“position:absolute;visibility:visible;font-family:Verdana;color:FFAAAAA;font-size:120px;top:10px;left:152px“》’+thistime+’《/div》’)
document.bgclocknoshade.document.write(’《div id=“bgclocknoshade“ style=“position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:120px;top:10px;left:150px“》’+thistime+’《/div》’)
document.close()
}
var timer=setTimeout(“clockon()“,200)
}
//--》
《/script》
《link rel=“stylesheet“ href=“../style.css“》《/head》
《body onLoad=“clockon()“》
《div id=“bgclockshade“ style=“position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px“》《/div》
《div id=“bgclocknoshade“ style=“position:absolute;visibility:visible;font-family:Arial;color:DDDDDD;font-size:120px;top:100px;left:150px“》《/div》
《div id=“mainbody“ style=“position:absolute; visibility:visible“》
《/div》
《/body》
《/html》
说明：时钟显示的位置需要你修正TOP,LEFT参数来确定。TOP表示层距离显示器顶部的象素值，LEFT表示距离左侧的象素值。
-网页制作素材
