ASP学校学生基地,原创基地,ASP优秀程序,定制程序,学校信息化教育整合系统的开始! 设为首页 添加到收藏夹 25175产品
  首页 > 网站技巧
        阅读新闻
 

各类动态图片的集合

将图片固定在左下角

[日期:2007-02-11]  来源:25175  作者:admin  阅读: 次  [字体: ]

<html>

<head>
<title>将图片固定在左下角 风越ASP代码生成器</title>powered by 25175.net
</head>

<p> |</p><p> |</p><p> |</p><p> |</p><p> |</p><p> |</p><p> |</p><p> |</p><p> |</p><p> |</p><p> |</p><p> |</p><p> |</p><p> |</p><p> |</p><p> |</p><p> |</p>


<body>

<SCRIPT language=JavaScript>
<!-- Hide the script from old browsers --  
// 1) 做一个88*31的LOGO。
if (document.images)
var staticlogo=new Image(88,31)

// 2) 设置LOGO的路径。
staticlogo.src="../../../images/girl.jpg"

// 3) 以下是LOGO代表的连接。
var logolink="http://www.25175.com"

// 4) 设置ALT属性。
var alttext="图片说明"

// 5) 设置下列属性为 "1"或者"0" ("1"是IE特有的,使LOGO隐现)
var fadeintoview=1

/* 6) 最后设置LOGO显示的时间,例如12 秒,数值为0表示一直显示。
*/
var visibleduration=12
/////////////////////////以下不要改变/////////////////////////
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",400)
}


var fadeset=''
if (fadeintoview)
fadeset="filter:alpha(opacity=0)"

if (document.all)
document.write('<span id="logo" style="'+fadeset+';position:absolute;top:100;width:'+staticlogo.width+';height:'+staticlogo.height+'"></span>')

function bringintoview(){
if (logo.filters.alpha.opacity<=95)
logo.filters.alpha.opacity+=5
else{
clearInterval(viewit)
if (visibleduration!=0)
setTimeout("logo.style.visibility='hidden'",visibleduration*1000)
}
}

function createlogo(){
staticimage=new Layer(100)
staticimage.left=-300
staticimage.top=120
staticimage.document.write('<a href="'+logolink+'"><img src="'+staticlogo.src+'" border=0 alt="'+alttext+'"></a>')
staticimage.document.close()
staticimage.visibility="show"
regenerate2()
staticitns()
}

if (document.layers)
window.onload=createlogo;

if (document.all){
w=document.body.clientWidth-logo.style.pixelWidth-5
h=2
logo.style.left=w
logo.style.top=h
}

function logoit(){
var w2=document.body.scrollLeft+w
var h2=document.body.scrollTop+h
logo.style.left=w2
logo.style.top=h2
}
function logoit2(){
staticimage.left=pageXOffset+window.innerWidth-staticimage.document.width-15
staticimage.top=pageYOffset+2
}

function insertimage(){
logo.innerHTML='<a href="'+logolink+'"><img src="'+staticlogo.src+'" border=0 alt="'+alttext+'"></a>'
if (fadeintoview)
viewit=setInterval("bringintoview()",100)
else{
if (visibleduration!=0)
setTimeout("logo.style.visibility='hidden'",visibleduration*1000)
}
}

if (document.all){
window.onscroll=logoit
window.onresize=new Function("window.location.reload()")
window.onload=insertimage
}


function staticitns(){
setInterval("logoit2()",90)
if (visibleduration!=0)
setTimeout("staticimage.visibility='hide'",visibleduration*1000)
}

//-->    
</SCRIPT>
</body>

</html>



上一页 [1] [..24] [25] [26] [27] [28] [29] [30] [31] [32] [33..] [37] 下一页   
【内容导航】
第1页:跟随鼠标的图片 第2页:跟着鼠标的图片2
第3页:跟着鼠标旋转的图片 第4页:自由走动的图片
第5页:来回摆动的图片 第6页:乱飞的图片
第7页:浮动图像显示 第8页:将图片固定在左上角
第9页:随屏幕移动的图片并可任意移动 第10页:在页上不停走动的图片
第11页:任意指定图片位置 第12页:向上浮的图片
第13页:往下掉并弹起的图片 第14页:在浏览器窗口外移动的图片
第15页:浮在页面上的图片广告 第16页:随意飘动的图像
第17页:图片穿行 第18页:左右移动的图片
第19页:跟着屏幕走的图片 第20页:将图片固定在左下角
第21页:旋转的图片 第22页:徐徐上升的图片
第23页:页面动态图片 第24页:移动的图片
第25页:鼠标停在文本上图片自动围绕 第26页:滚动图片公告栏
第27页:飞来飞去的图片 第28页:滚动显示图片
第29页:将图片固定在左下角 第30页:将图片固定在右下角
第31页:图片居中 第32页:不停闪烁的图片
第33页:带彩色边框的图片 第34页:点击消失的图片
第35页:定时闪烁的图片 第36页:动感的图片
第37页:抖动的图片
推荐给朋友 】 【 打印此文章 】 【 加入收藏
 

上一篇:随鼠标移动而变化的图片
下一篇:网页设计之css+div PK table+css

       相关新闻   图片  集合  动态 

       本文评论   所有评论
 
  各类动态图片的集合_跟随鼠标的图片 http://www.25175.com/200609/25175/25175_html/   (oooooooooo ,09月02日 )
  页面破了..   (晕 ,2007年06月13日 )
  反映违反看见   (饿热额外法 ,2007年03月16日 )
 

点评: 字数
姓名:

.
网站制作 | 广告服务 | 产品价格 | 汇款方式 | 购买指南 | 程序制作 |
技术支持 | idc.25175.net
Copyright © 2005-2008 25175. All Rights Reserved powered by 25175 | 浙ICP备05022281 | 法律顾问:陈淑丽