网页设计动态效果代码(Dreamweaver使用,网页特效代码制作)

本文目录
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在浏览器中看看效果。
在网页制作中,怎么把图片应用为动态HTML效果
用PS做的是效果图,需要前端开发人员编写代码才可以在网站上展示出来。
简单来说,在PS里做好之后,需要切图。把图片切割成适合在网站上浏览。
切图时需要把文字分离出图片的要处理好。
切好图片之后,需要用html结合JavaScript等知识编写代码。
这样写出的页面还只是静态的网站。
如果想要做成动态的效果,还需要搭建后台,连接数据库等。
网页设计字体滚动代码
文字滚动是由《marquee》《/marquee》控制的。marquee的参数如下:
1、方向 《direction=#》 #=left, right
如:《marquee direction=left》啦啦啦,我从右向左移!《/marquee》
《marquee direction=right》啦啦啦,我从左向右移!《/marquee》
2、方式 《bihavior=#》 #=scroll, slide, alternate
如:《marquee behavior=scroll》啦啦啦,我一圈一圈绕着走!《/marquee》
《marquee behavior=slide》啦啦啦,我只走一次就歇了!《/marquee》
《marquee behavior=alternate》啦啦啦,我来回走耶!《/marquee》
3、循环 《loop=#》 #=次数;若未指定则循环不止(infinite)
如:《marquee loop=3 width=50% behavior=scroll》啦啦啦,我只走 3 趟哟!《/marquee》
《marquee loop=3 width=50% behavior=slide》啦啦啦,我只走 3 趟哟!《/marquee》
《marquee loop=3 width=50% behavior=alternate》啦啦啦,我只走 3 趟哟!《/marquee》
4、速度 《scrollamount=#》
如:《marquee scrollamount=20》啦啦啦,我走得好快哟!《/marquee》
5、延时 《scrolldelay=#》
如: 《marquee scrolldelay=500 scrollamount=100》啦啦啦,我走一步,停一停!《/marquee》
6、对齐方式(Align) 《align=#》 #=top, middle, bottom
如:《font size=6》
《marquee align=# width=400》啦啦啦,我会移动耶!《/marquee》
《/font》
7、底色 《bgcolor=#》
#=rrggbb 16 进制数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
如:《marquee bgcolor=aaaaee》啦啦啦,我会移动耶!《/marquee》
8、面积 《height=# width=#》
如:《marquee height=40 width=50% bgcolor=aaeeaa》 啦啦啦,我会移动耶!《/marquee》
9、空白(Margins)《hspace=# vspace=#》
《marquee id="scrollarea" direction="up" scrolldelay="10" scrollamount="1" width="150" height="80" onmouseover="this.stop();" onmouseout="this.start();"》
------------------------------------------------------------------------------------------------------------------------------
《marquee》《/marquee》
以下是一个最简单的例子:
代码如下:
《marquee》《font size=+3 color=red》Hello, World《/font》《/marquee》
下面这两个事件经常用到:
onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动
onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动
代码如下:
《marquee 》onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动 :用来设置鼠标移入该区域时停止滚动《/marquee》
这是一个完整的例子:
代码如下:
《marquee align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" 》
这是一个完整的例子
《/marquee》
该标签支持的属性多达11个:
align
设定《marquee》标签内容的对齐方式
absbottom:绝对底部对齐(与g、p等字母的最下端对齐)
absmiddle:绝对中央对齐
baseline:底线对齐
bottom:底部对齐(默认)
left:左对齐
middle:中间对齐
right:右对齐
texttop:顶线对齐
top:顶部对齐
求一个网页特效的代码
这个...需要特效么??
除非是特别的显示 跟消失吧
《a title="sdjfksjdafkljadslfjlsadjfldasjsdf" href="#"》aaaaaaaaaaaaa《/a》
去看看
网页动态广告制作代码是什么啊谢谢啊!
把下面这段代码保存为 adver-left.js
var imgheight
var imgleft
document.ns = navigator.appName == "Netscape"
window.screen.width》800 ? imgheight=100:imgheight=100
window.screen.width》800 ? imgleft=15:imgleft=122
function myload()
{
if (navigator.appName == "Netscape")
{document.myleft.pageY=pageYOffset+window.innerHeight-imgheight;
document.myleft.pageX=imgleft;
leftmove();
}
else
{
myleft.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight;
myleft.style.left=imgleft;
leftmove();
}
}
function leftmove()
{
if(document.ns)
{
document.myleft.top=pageYOffset+window.innerHeight-imgheight
document.myleft.left=imgleft;
setTimeout("leftmove();",80)
}
else
{
myleft.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight;
myleft.style.left=imgleft;
setTimeout("leftmove();",80)
}
}
if (navigator.appName == "Netscape")
{
document.write("《layer id=myleft top=300 width=80 height=88》《EMBED src=’swf/00001.swf’ quality=high WIDTH=80 HEIGHT=80 TYPE=’application/x-shockwave-flash’ id=changhongout wmode=’transparent’》《/EMBED》《/layer》");
myload()}
else
{
document.write("《div id=myleft style=’position: absolute;width:80;top:150;left:5;visibility: visible;z-index: 1’》《EMBED src=’swf/00001.swf’ quality=high WIDTH=80 HEIGHT=80 TYPE=’application/x-shockwave-flash’ id=changhongout wmode=’transparent’》《/EMBED》《/div》");
myload()
}
把下面这段代码保存为 adver-right.js
var imgheight
document.ns = navigator.appName == "Netscape"
window.screen.width》800 ? imgheight=100:imgheight=100
function myload()
{
if (navigator.appName == "Netscape")
{document.dangdang.pageY=pageYOffset+window.innerHeight-imgheight;
document.dangdang.pageX=+window.innerWidth-120;
mymove();
}
else
{
dangdang.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight;
dangdang.style.left=document.body.offsetWidth-120;
mymove();
}
}
function mymove()
{
if(document.ns)
{
document.dangdang.top=pageYOffset+window.innerHeight-imgheight;
document.dangdang.left=pageXOffset+window.innerWidth-120;
setTimeout("mymove();",50)
}
else
{
dangdang.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight;
dangdang.style.left=document.body.scrollLeft+document.body.offsetWidth-120;
setTimeout("mymove();",50)
}
}
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true)
if (navigator.appName == "Netscape")
{document.write("《layer id=dangdang top=300 width=80 height=88》《EMBED src=’swf/00001.swf’ quality=high WIDTH=80 HEIGHT=80 TYPE=’application/x-shockwave-flash’》《/EMBED》《/layer》");
myload()}
else
{
document.write("《div id=dangdang style=’position: absolute;width:80;top:0;left:578;visibility: visible;z-index: 1’》《EMBED src=’swf/00001.swf’ quality=high WIDTH=80 HEIGHT=80 TYPE=’application/x-shockwave-flash’》《/EMBED》《/div》");
myload()
}
网页中是这样调用,注意修改 js 文件的路径
《SCRIPT src="js/adver-left.js"》《/SCRIPT》
《SCRIPT src="js/adver-right.js"》《/SCRIPT》
上面两段代码中的 src=’swf/00001.swf’ ,改为自己广告的flash的路径

本文相关文章:
手机网站开发公司(沈阳APP开发公司哪家比较专业(沈阳app制作公司))
2026年5月16日 02:13
怎么做企业组织结构图(组织架构图怎么做 如何制作组织架构图)
2026年5月15日 23:59
word封面怎么制作 word封面如何制作?ps怎么制作封面如何用ps制作封面
2026年5月15日 14:11
更多文章:
职校网站优化设计案例新手教程:职校网站优化设计案例新手如何快速上手
2026年6月26日 15:30
贵港教师网站建设ppt模板推荐:如何制作出优秀的贵港教师网站建设ppt
2026年6月28日 05:12
移动网站优化推荐工具如何提升新站排名:移动网站优化推荐工具有哪些好的选择
2026年6月19日 12:51
少女时代的徐贤的英文名字和全名是什么?seohyun的中文名是什么
2026年5月10日 10:56
长沙人才市场招聘(请问长沙人才招聘市场在哪里吗都什么时候招聘,明天有吗)
2026年5月6日 04:55
怎样自己制作蛋糕(自己在家做蛋糕怎么做才能蓬松家里做蛋糕的配比)
2026年5月1日 00:59
b2b2c多用户商城系统开发(开发B2B2C商城系统难不难)
2026年5月14日 02:04
















