网页浏览图片特效代码（一份完整的网页代码和效果图）

今天给各位分享网页浏览图片特效代码的知识，其中也会对一份完整的网页代码和效果图进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、Dreamweaver使用，网页特效代码制作
• 2、制作网页怎样做图片切换效果？最好详细代码！
• 3、求网页特效代码
• 4、寻找漂亮网页效果的代码

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、首先输入代码：

div class="wrapper"

div id="focus"

ul

lia href="" target="_blank"img src="img/01.jpg" alt="QQ商城焦点图效果下载" //a/li

2、然后输入代码：

lia href="" target="_blank"img src="img/02.jpg" alt="QQ商城焦点图效果教程" //a/li

lia href="" target="_blank"img src="img/03.jpg" alt="jquery商城焦点图效果" //a/li

lia href="" target="_blank"img src="img/04.jpg" alt="jquery商城焦点图代码" //a/li

3、然后再输入代码：

lia href="" target="_blank"img src="img/05.jpg" alt="jquery商城焦点图源码" //a/li

/ul

/div

/div!-- wrapper end --

/body

4、然后就完成了。

求网页特效代码

打字效果的文字特效[修改显示的文字即可]

[根据下面的说明进行共1步]

====2、以下代码放在HTML的body/body之间[适当的位置]：

script language=javascript

var layers =document.layers,style=document.all,both=layers||style,idme=908601;

if(layers){layerRef='document.layers';styleRef ='';}if(style){layerRef='document.all';styleRef =

'.style';}

function writeOnText(obj,str){

if(layers)with(document[obj]){ document.open();document.write(str);document.close();}

if(style)eval(obj+'.innerHTML=str'); }

var dispStr=new Array("javascript源码大全");

var overMe=0;

function txtTyper(str,idx,idObj,spObj,clr1,clr2,delay,plysnd){

var tmp0=tmp1= '',skip=100;

if (both idx=str.length) {

if (str.charAt(idx)==''){ while(str.charAt(idx)!='') idx++;idx++;}

if (str.charAt(idx)==''str.charAt(idx+1)!=' '){ while (str.charAt(idx)!= ';')idx++;idx++;}

tmp0 = str.slice(0,idx);

tmp1 = str.charAt(idx++);

if (overMe==0 plysnd==1){

if (navigator.plugins[0]){

if(navigator.plugins["LiveAudio"][0].type=="audio/basic" navigator.javaEnabled()){document.embeds

[0].stop();

setTimeout("document.embeds[0].play(false)",100);}

} else if (document.all){

ding.Stop();

setTimeout("ding.Run()",100);}

overMe=1;}else overMe=0;

writeOnText(idObj, "span class="+spObj+"font color='"+clr1+"'"+tmp0+"/fontfont color='"+clr2

+"'"+tmp1+"/font/span");

setTimeout("txtTyper('"+str+"', "+idx+", '"+idObj+"', '"+spObj+"', '"+clr1+"', '"+clr2+"', "+delay+" ,"+plysnd+")",delay);}}

function init(){txtTyper(dispStr[0], 0, 'ttl0', 'ttl1', '#339933', '#99FF33', 300, 0);}

/script

BODY onload=init()

DIV class=ttl1 id=ttl0/DIV

/BODY

寻找漂亮网页效果的代码

网页效果代码集合

1。忽视右键

body oncontextmenu="return false"或body style="overflow-y:hidden"

2。加入背景音乐

IE:bgsound src="*.mid" loop=infinite

NS:embed src="*.mid" autostart=true hidden=true loop=true/embed

*.mid你的背景音乐的midi格式文件

3。简单的window.open方法

a href="#"

onclick="javascript:window.open('文件路径/文件名','newwindow',

'toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,

width=400,height=300');"文字或图片/a

参数解释：

SCRIPT LANGUAGE="javascript" js脚本开始；

window.open 弹出新窗口的命令；

'文件路径/文件名'' 弹出窗口的文件名；

'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；

width=400 窗口宽度；

height=300 窗口高度；

top=0 窗口距离屏幕上方的象素值；

left=0 窗口距离屏幕左侧的象素值；

toolbar=no 是否显示工具栏，yes为显示；

menubar，scrollbars 表示菜单栏和滚动栏。

resizable=no 是否允许改变窗口大小，yes为允许；

location=no 是否显示地址栏，yes为允许；

status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

/SCRIPT js脚本结束

4。简单的页面加密

script LANGUAGE="JAVASCRIPT"

!--

function loopy(){

var sWord ="";

while(sWord!="login"){sWord=prompt("请输入你的登陆密码");}

alert("登陆成功！");

}

loopy()

//--

/script

5。拉动页面时背景图不动

style

body{background-image:url(logo.gif);

background-repeat:no-repeat;background-position:center}

/style

6。让浏览器在保存页面时保存失败

NOSCRIPTiframe src="*.html"/iframe/NOSCRIPT

7。随机替换图片

script

document.write('img src="img/'+parseInt(Math.random()*(5))

+'.gif"height="40" width="50"')

/script

图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif

8。窗口定时关闭

先将如下代码网页文件的区：

script language="JavaScript"

function closeit() { setTimeout("self.close()",10000) //毫秒 }

/script

然后再在body标内加入如：body onload="closeit()"

9。网页自动关闭

html

head

object id=closes type="application/x-oleobject"

classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"

param name="Command" value="Close"

/object

/head

body onload="window.setTimeout('closes.Click()',10000)"

这个窗口会在10秒过后自动关闭,而且不会出现提示.

/body

/html

10。网页自动刷新

在head部记入

META HTTP-EQUIV="Refresh" content="20"

其中20为20秒后自动刷新，你可以更改为任意值。

11。网页自动转页

META HTTP-EQUIV="Refresh" CONTENT="时间(秒);URL=地址"

12。保持layer在最前面，而不被Iframe、Object所覆盖

在Layer中再插Iframe 或 Object 设z-Index值

div z-Index:2object xxx/object ＃ 前面

div z-Index:1object xxx/object ＃ 后面

div id="Layer2" style="position:absolute; top:40;width:400px;

height:95px;z-index:2" height=100% width=100%

iframe width=0 height=0/iframe

/div

div id="Layer1" style="position:absolute; top:50;width:200px;

height:115px;z-index:1"

iframe height=100% width=100%/iframe

/div

13。返回上一页

a href='javascript:history.back(1)'『返回上一页』/a

14。关闭窗口

a href='javascript:self.close()'『关闭窗口』/a

15。关于iframe的透明背景

IFRAME ID="iFrame1" SRC="iframe.htm"

allowTransparency="true"

STYLE="background-color: green"/IFRAME

关于网页浏览图片特效代码和一份完整的网页代码和效果图的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。