javascript双向放大缩小广告代码

发布时间：2008-05-12　作者：　来源：转载

标签：雪佛兰通用奢华劳斯莱斯旗舰版 64位收藏夹解调器

比较罕见的javascript双向放大缩小图片效果代码，鼠标上下移动即可看到效果

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<title>双向放大缩小广告代码-全福编程网</title> 
<meta http-equiv="imagetoolbar" content="no"> 
<style type="text/css"> 
    html { 
        overflow: hidden; 
    } 
    body { 
        background: #222; 
        width: 100%; 
        height: 100%; 
        cursor: crosshair; 
    } 
    .spanSlide { 
        position: absolute; 
        background: #000; 
        font-size: 1px; 
        overflow: hidden; 
    } 
    .imgSlide { 
        position: absolute; 
        left: 5%; 
        top: 5%; 
        width: 90%; 
        height: 90%; 
        overflow: hidden; 
    } 
    .txtSlide { 
        position: absolute; 
        top: 5%; 
        left: 50px; 
        width:100%; 
        color:#FFF; 
        font-family: arial, helvetica, verdana, sans-serif; 
        font-weight: bold; 
        font-size:96px; 
        letter-spacing:12px; 
        filter: alpha(opacity=70); 
        -moz-opacity:0.7; 
        opacity:0.7; 
    } 
</style>

</head>

<body>

Loading...

</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

上一篇：javascript用层模拟可移动的小窗口

下一篇：引用文章链接代码复制自动加链接功能

广告商业广告，理性选择

网站首页

网络编程

数据库

操作系统

平面设计

网站运营

网络安全

电脑相关

手机学院

javascript双向放大缩小广告代码

相关推荐

文章分类

热门关键词

热门文章

最新更新