dw鼠标特效代码(dw如何设置鼠标经过时变色)

http://www.itjxue.com  2023-02-28 00:37  来源:未知  点击次数: 

怎么用dreamweaver做鼠标特效!!

cursor的用法,基本是hand与pointer

例如:CSS鼠标手型效果

a

href="#"

style="cursor:hand"CSS鼠标手型效果/abr/

例如:CSS鼠标手型效果

a

href="#"

style="cursor:pointer"CSS鼠标手型效果/abr/

鼠标滑过的时候鼠标是手的形状、

建议:举一反三,理解透彻cursor的用法、

急!dreamweaver怎么制作鼠标经过文字字体变色效果

1、做好一个链接

2、点击工具面板中CSS模式下的“+”,打开新建CSS样式面板

3、选择“复合内容”,选择a:link,表示正常链接时的样式。

4、点击确定,打开样式设置面板,选择Color:#333,或别的你要的着色,确定。

5、下面设置鼠标经过的文字色彩,还是参考第二步,打开新建CSS规则面板,选择“复合内容”,选择器中选择:a:hover,

6、color中选择鼠标经过的颜色,这里以“#F00”即红色为例。确定。

7、下面看一下效果,完毕。

DW中 鼠标放在文字上自动显示图片效果代码

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

title无标题文档/title

meta name="description" content="" /

meta name="keywords" content="" /

/head

body

script type="text/javascript"

function sMouseover(name,cursel,n){

for(i=1;i=n;i++){

var con=document.getElementById("con_"+name+"_"+i);

con.style.display=i==cursel?"block":"none";

}

}

function sMouseout(name,cursel,n){

for(i=1;i=n;i++){

var con=document.getElementById("con_"+name+"_"+i);

con.style.display="none";

}

}

/script

style type="text/css"

!--

.STYLE5 { font-size: 16px;

line-height: 1.5;

font-family: "宋体";

}

.STYLE7 {position: relative;color: #FF0000}

.STYLE7 img{display:none; position: absolute; top: 20px; left:0;}

--

/style

p

pspan class="STYLE5"br /

形态特征 乔木,高达27m,胸径可达80cm。span id="pic1" onMouseOver="sMouseover('pic','1','2')" onMouseout="sMouseout('pic','1','2')" class="STYLE7"树皮白色img src="2000.gif" alt="" width="141" height="188" id="con_pic_1"//span/span

span class="STYLE5"span class="STYLE5",纸片状,常平滑或开裂。小枝光滑无毛。br /

下面密被树脂点,span id="pic2" class="STYLE7" onMouseOver="sMouseover('pic','2','2')" onMouseout="sMouseout('pic','2','2')"叶三角状卵形至菱状卵形img src="2000.gif" alt="" width="141" height="188" id="con_pic_2" style="display:none; position: absolute; top:20px; left:0; visibility: visible;" //span,叶缘为钝尖重锯齿,侧脉5-8对;叶柄无毛./span/p

p /p

p /p

/body

/html

如果有三个就加一个span id="pic3" onMouseOver="sMouseover('pic','3','3')" onMouseout="sMouseout('pic','3','3')" class="STYLE7"树皮白色img src="2000.gif" alt="" width="141" height="188" id="con_pic_3"//span

前面的sMouseout('pic','1','2')换成sMouseout('pic','1','3')

sMouseout('pic','2','2')换成sMouseout('pic','2','3')

如果更多的话,依次类堆

使用dreamweaver来制作网页的鼠标指针特效

语法是 cursor.url(xx.cur),xxx;

xxx 不可以随便输入,有些浏览器只认默认格式,例如 default help之类的鼠标特效名称。

ani不支持,是浏览器的问题,应该只有ie支持的。

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

(责任编辑:IT教学网)

更多

推荐测评专题文章