如何在页面背景上应用过渡效果 [英] how to apply transition effect on background of page

查看:79
本文介绍了如何在页面背景上应用过渡效果的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我在HTML页面上应用过渡效果,但不适用于页面背景
我怎样才能做到这一点.以下是代码

i i am apply transition effect on html page but it not apply on background of page
how can i do this. following is code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/script.js"></script>

<script type="text/javascript" src="js/transitionshow.js"></script>
<style type="text/css">

.flashclass{ /*sample CSS class added to image slideshow container*/
width:100%;
height:500px;/*a width should be defined for transition to work*/
/*border: 5px solid orange;*/
padding: 0px;
}

</style>
<style type="text/css">
    .body
    {
       border-style:solid;
border-width:1px;
margin-left:10px;
margin-right:5px;
margin-top:5px;
margin-bottom:5px;


    }
    </style>

</HEAD>

<BODY  class = "body">

<div id = "page" >
<table width="100%"   align="center" >
<tr>
<td  width="100%"  align="center">
<script type="text/javascript">
                    var flashyshow = new flashyslideshow({ //create instance of slideshow
                        wrapperid: "myslideshow", //unique ID for this slideshow
                        wrapperclass: "flashclass", //desired CSS class for this slideshow
                        imagearray: [
                        ["images/Picture3.jpg", "http://www.aarambhinnovationals.com", "_new", ""],
                        ["images/Picture4.jpg", "http://www.aarambhinnovationals.com", "_new", ""],
                    ["images/Picture5.jpg", "http://www.aarambhinnovationals.com", "_new", ""]
                        ///["images/Fotolia_19011881_L.jpg", "http://www.aarambhinnovationals.com", "_new", ""]
                        ],
                        pause: 1000, //pause between content change (millisec)
                        transduration: 1000 //duration of transition (affects only IE users)
                        }
                        )
</script>
</td>
</tr>
</table>
</div>
</BODY>
</HTML>

推荐答案

您可以使用CSS 3.0来应用过渡效果.它为过渡提供了CSS属性
you can apply transition effect by using css 3.0.it provide you css property for transition


这篇关于如何在页面背景上应用过渡效果的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆