您现在的位置： 圆点视线 >> 教程 >> 网页设计 >> 网页制作技巧 >> 文章正文
图片边框的变幻    热     ★★★
图片边框的变幻
作者：佚名 　文章来源：圆点视线 　点击数： 　更新时间：2005-8-9 11:24:24　
　页面功能：【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 【字体：小 大】
第一步：把如下代码加入<body>区域中
<style>
body img{border:1px solid white}
</style>
<script language="JavaScript">
var color;
var i
function change(i){
var a=Math.random()*255;
var b=Math.random()*255;
var c=Math.random()*255;
color="rgb("+a+","+b+","+c+")";
var source=event.srcElement;
if (source.tagName=="IMG")
source.style.border="1px solid "+i+""
}
</script>
<a href="css.htm"><img src="lttp.jpg"  border="0" width="59" height="59"></a>


第二步：把<body>中的内容改为：
<body bgcolor="#FFFFFF" text="#000000" onmouseover="change(color)" onmouseout="change('white')">
　【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】　文章录入：apoints    责任编辑：apoints 　【字体：小 大】
　
  • 上一篇文章：

    • 　
  • 下一篇文章：
    • 最新文章
    相关文章
    Dreamweaver超级技巧（中）
    Dreamweaver超级技巧（下）
    Dreamweaver滑动菜单的制作
    Dreamweaver MX应用表格排序
    Dreamweaver的技巧锦集17条
    Dreamweaver技巧大放送前六招
    使用Dreamweaver制作网页事如何使用库
    简单实用的网页表格特效
    DW MX实例：极酷的鼠标外观
    DW MX实例：个性化 IE 滚动条
    网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）
    发表评论：
    　姓　　名： 评 分： 1分 2分 3分 4分 5分
    　评论内容： ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点，与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门