苏州Java培训
达内苏州java培训中心

0512-67873100

热门课程

jQuery实现渐变效果实例

  • 时间:2016-02-04 13:24
  • 发布:苏州java培训
  • 来源:企业笔试题

 jQuery实现渐变效果实例

<script type="text/javascript" src="jquery.js"></script>
 <script>  function show(){
 $("#pop").animate({
 left:200,
 top:150,
 height:400,
 width:600,
 opacity:1
 },500,function(){});
 }
 function hide(){
 $("#pop").animate({
 left:0,
 top:0,
 height:0,
 width:0,
 opacity:0
 },500,function(){});
 }
 </script>
 <input type="button" onclick="show()" value="show"/>
 <input type="button" onclick="hide()" value="hide"/>
 <div id="pop" style="display:block;width:600px ;height:400px;position:absolute;left:200px;top:150px;border:0px solid red;background:blue;z-index:-1;color:#FFFFFF">
 <h3>a demo of jquery animate</h3>
 function show(){</br>
 $("#pop").animate({</br>
 left:200,</br>
 top:200,</br>
 height:400,</br>
 width:600,</br>
 opacity:1</br>
 },500,function(){});</br>
 }</br>
 function hide(){</br>
 $("#pop").animate({</br>
 left:0,</br>
 top:0,</br>
 height:0,</br>
 width:0,</br>
 opacity:0</br>
 },500,function(){});</br>
 }</br>

 </div>

苏州java培训:suz.java.tedu.cn

上一篇:jQuery技术学习的一点点总结
下一篇:使用jQuery插件设计在线音乐播放器

Java编程计算任意两个日期相距的天数

Java语言中定义常量注意事项解析

Java生成不规则验证码程序代码

Java读取操作Word,PDF,Excel的四种方法

选择城市和中心
贵州省

广西省

海南省