dw鼠标特效代码(dw如何设置鼠标经过时变色)
怎么用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