您好!欢迎您光临本站! 体育 I 论坛 I 交友 I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>网络课堂>>>网页代码教程>>>图象特效二
图象特效二
发表日期:2007/9/27 18:33:00 出处:未知 作者:馨馨梦幻收集整理 发布人:jxhp 已被访问 971

                   图片特效二


自由设定图片大小特效代码
 
脚本说明:
第一步:把如下代码加入<body>区域中
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function ViewImage(form) {
ix = form.width.value;
iy = form.height.value;
ifile = form.url.value;
NS = (document.layers) ? 1 : 0;
localurl = ifile.indexOf(''''http://'''') == -1;
if (NS && localurl) ifile = "
file:///" + ifile;
var win;
var sWidth;
var sHeight;
win = window.open("","","width="+ix+",height="+iy+",menubar=no,toolbar=no,top=100,left=100");
if (NS) {
sWidth = win.innerWidth;
sHeight = win.innerHeight;
} else {
sWidth = win.document.body.clientWidth;
sHeight = win.document.body.clientHeight;
}
win.document.open();
win.document.write("<html><head></head><body onBlur=this.close();>");
win.document.write(''''<div style="position:absolute;width:''''+ix+''''px;height:''''+iy+''''px;left:0px;top:0px">'''');
win.document.write("<img src="+ifile+" width=" + ix + " height=" + iy + "></div></body></html>");
win.document.close();
}
//  End -->
</script>


第二步:把<body>区域改为
<form name=imageform>
<input name=url type=file size=40>
<p>
Height: <input name=height type=text value="200" size=3>
Width:  <input name=width type=text value="150" size=3>
<p>
<input type=button value="View Image" onClick="ViewImage(this.form);">
 
 
图片定期消失特效
 
脚本说明:
第一步:把如下代码加入<head>区域中
<script LANGUAGE="JavaScript">
<!--
function isnew(maxdays, addDate){

    var oldDate = new Date(addDate);
    var newDate = new Date();
    var maxdaysold = maxdays*24*60*60*1000;
    var psj=0;
   
    if ((newDate.getTime()-oldDate.getTime()) <= maxdaysold) {
        document.write("<img src=pic.jpg width=400 height=40 ALIGN=MIDDLE Alt=''''New''''>");
    }

}
//-->
</script>
<script LANGUAGE="JavaScript">
<!--
isnew(7,"05/14/2000")
//-->
</script>
 
 
图片渐渐出现脚本
 
脚本说明:
第一步:把如下代码加入<body>区域中
<SCRIPT FOR=window EVENT=onLoad LANGUAGE=vbscript>
    image1.filters.item(0).apply()
    image1.filters.item(0).transition = 12
    image1.Style.visibility = ""
    image1.filters(0).play(2.0)
</SCRIPT>


第二步:把如下代码加入<body>区域中
<img src="1.gif" tppabs="style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=23);">
 
 
拖动图片特效
 
<style>
.drag{position:relative;cursor:hand}
</style>
<script language="JavaScript">
var dragapproved=false
var z,x,y
function move(){
if (event.button==1&&dragapproved){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
return false}}
function drags(){
if (!document.all)
return
if (event.srcElement.className=="drag"){
dragapproved=true
z=event.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move}}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
</script>
 
 
 

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

烟雨亭-透明FLASH|QQ空间FLASH|音乐|动漫|图片|教程|娱乐| | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:QQ:804994046 E-mail:jxhp16789@163.com 联系人:梦幻