dw网页特效代码(dw简单效果代码)
admin 发布:2022-12-19 02:52 112
本篇文章给大家谈谈dw网页特效代码,以及dw简单效果代码对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
DW图片切换代码(特效,简单,容改)
将以下代码插入到你的网页你需要图片切换的地方
script type="text/javascript"
imgUrl1="img/1.jpg";(图片路径和图片名称,修改一下)
imgUrl2="img/2.jpg";
imgUrl3="img/3.jpg";
imgUrl4="img/4.jpg";
imgUrl5="img/5.jpg";
var focus_width='400'(图片宽度)
var focus_height='300'(图片高度)
var text_height='|||'
var swf_height = focus_height
var pics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3+"|"+imgUrl4+"|"+imgUrl5
document.write('object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="" width="'+ focus_width +'" height="'+ swf_height +'"');
document.write('param name="allowScriptAccess" value="sameDomain"param name="movie" value=""param name="quality" value="high"param name="bgcolor" value="#F0F0F0"');
document.write('param name="menu" value="false"param name=wmode value="opaque"');
document.write('param name="FlashVars" value="pics='+pics+'borderwidth='+focus_width+'borderheight='+focus_height+'"');
document.write('embed src="pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'borderwidth='+focus_width+'borderheight='+focus_height+'" menu="false" bgcolor="#F0F0F0" quality="high" width="'+ focus_width +'" height="'+ focus_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="" /'); document.write('/object');
/script
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在浏览器中看看效果。
dw横向文字滚动代码是什么?
我给你一个代码,你仔细看看就明白了。 加粗的地方是你要输入的内容 网页特效_跑马灯特效代码大全
实现跑马灯的方法很多,其中最简单的是采用一句Html代码来实现,我们在需要出现跑马灯效果的地方插入“marquee滚动的文字/marquee”语句适当的运用marquee标签的参数,可以表现出不同的效果,请看下面的几个例子:1、左右弹来弹去的跑马灯实现的方法就是在IE的标签上稍微多加了几个参数产生了更加丰富的变化。设置behavior=alternate表示双向移动,direction=left表示运动方向向左。marquee的宽度可以使用绝对象素值,例如width=200等这个值限定了跑马灯滚动的范围。需要说明的是该效果在Netscape下是看不到的。源码:marquee width=400 behavior=alternate direction=left align=middle border=1弹来弹去跑马灯!/marquee
2、跑的很快的跑马灯只要在marquee标签内加上“scrollamount=30”参数即可。
3、带有超级链接的跑马灯其实实现的方法很简单,把整个marquee/marquee语句包含在超链接中就行,你看看下面的代码就清楚了。当然你也可以把包含在marquee/marquee中的各条内容分别加上不同的链接,这样的跑马灯用来发布滚动新闻或是做站点导航再合适不过了。源码粘贴框:marquee width=90%
a href="/Article/Index.html" target=_blank带有超链接的跑马灯!点我试试?/a
a href=" " target=_blank还有一条呢!点我试试?/a
/marquee 以上几个例子都是marquee标签参数的应用,下面把所有可以利用的参数列在表中供你参考,不过还是要提醒你,marquee标签只被IE所支持,使用Netscape浏览器是看不到的噢。参数 用法介绍
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 跑马区域的背景颜色 你已经看到,尽管marquee参数不少,单毕竟不能实现复杂的和自定义的特殊跑马灯效果,而且还有浏览器限制,所以我们更多情况下会采用JavaScript来实现跑马灯,那就是我们下一个技巧的内容。这里向你介绍几个用JavaScript实现的较复杂的跑马灯,你只须把源码粘贴框中的代码按照说明复制的指定的位置就能看到跑马灯的效果。
1、状态栏中的跑马灯在默认状态下浏览器的状态栏中显示的是链接指向信息,给人的感觉很单调。如果我们把问候语或是站点的介绍放在状态栏中滚动显示,一定能取得很好的效果。源码粘贴框:1、将以下代码放在head与/head之间:script LANGUAGE="JavaScript"
!-- Begin
var Mes=new Array();
Mes[0]="酷络网欢迎你! ";
Mes[1]="感谢你关注酷络网络学院 ";
Mes[2]="网页特效 之 跑马灯大全 ";
var place=1;
var i=0;
function scroll()
{
window.status=Mes[i].substring(0, place);
if (place = Mes[i].length)
{
if(i2)
{
i++;
place=1;
window.setTimeout("scroll()",50);
}
else
{
i=0;
place=1;
window.setTimeout("scroll()",50);
}
}
else {
place++;
window.setTimeout("scroll()",50);
}
}
// End --
/script2、在body标签内加入onload 语句:body onload="scroll();" 实现步骤:
(1)首先将JavaScript代码复制到head与/head之间,这段代码中包含了scroll()函数,它是实现跑马灯的主体代码。我们可以修改mes[]数组的值来改变跑马灯的内容,你也可以显示更多条的信息,不过代码中i的值应等于信息的条数,也就是等于mes[]数组的维数;
(2)然后在body标签中加入onload()语句即可。2、超链接的跑马灯式提示信息把你的“老鼠”移到下面链接上试一试,有什么不同呢?原来弹出了一条跑马灯式的提示信息,这是怎么实现的呢,请接着看:源码粘贴框:1.将下面代码放在body标签下:script
if (!document.layers!document.all)
event="test"
function showtip2(current,e,text){if (document.alldocument.readyState=="complete"){
document.all.tooltip2.innerHTML='marquee style="border:1px solid black"'+text+'/marquee'
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tooltip2.style.visibility="visible"
}else if (document.layers){
document.tooltip2.document.nstip.document.write('b'+text+'/b')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}function scrolltip(){
if (document.tooltip2.document.nstip.left=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
}/script2.然后在要出现提示信息的链接中,添加onMouseover语句:a href="pm23.htm" onMouseover="showtip2(this,event,'用marquee实现的各式跑马灯')" onMouseout="hidetip2()"跑马灯大全(一)/a
a href="/pc/index.htm" onMouseover="showtip2(this,event,'最多最全的电脑交互教程')" onMouseout="hidetip2()"电脑交互教程/a
a href="pmjq00.htm" onMouseover="showtip2(this,event,'点滴技巧装扮你的家')" onMouseout="hidetip2()"网页制作技巧技巧/a 实现步骤:
(1)先在body标签下面插入一段JavaScript代码;(2)然后在需要实现跑马灯式提示信息效果的超链接中加入Onmouseover和Onmouseout语句。
网页高手请帮忙?请问如何在DW里插入网页特效代码?
如果你下载的特效里没有图片就看下路径,然后按路径把图片保存到相应文件夹
采纳哦
关于dw网页特效代码和dw简单效果代码的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。
版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;
- 上一篇:老虎机代码解释(老虎机代码大全)
- 下一篇:js客服qq代码(代码编程)
相关推荐
- 05-18免费网页设计制作网站,免费网页设计软件
- 05-18制作网页一般多少钱,网页制作要多少钱
- 05-18痘痘如何去除效果好,痘痘应该怎么去除
- 05-17长沙网站制作公司哪家好,长沙网页制作公司
- 05-17免费建网页,怎样免费建立网站
- 05-17北京百度快照推广公司,百度快照推广有效果吗
- 05-17做公司网页,做公司网页有什么简单的方法
- 05-17百度网页推广,百度网页推广费用
- 05-16百度知道网页版地址,百度知道的网址
- 05-15北京网站建设制作公司,北京网站制作网页
取消回复欢迎 你 发表评论:
- 标签列表
- 最近发表
- 友情链接