jQuerry实现CSS动画样式跳跃显示
生活随笔
收集整理的這篇文章主要介紹了
jQuerry实现CSS动画样式跳跃显示
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
需求：實現JavaWeb頁面上的動畫顯示效果
展示效果：
源代碼：
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>動態展示動畫</title><script type="text/javascript" src="Demo/script/jquery-1.7.2.js"></script><script type="text/javascript">//添加window.onload動態加載$(function (){//先為按鈕綁定事件$("#btn1").click(function (){// alert("測試是否綁定成功");$("#div01").toggle(1000,myFun);//類似html()等方法是無參數展示，有參數設置，1000是1000毫秒，后面設置函數});var myFun = function(){$("#div01").toggle(1000,myFun);}});</script> </head> <body><button id="btn1">動畫顯示開關按鈕</button><div id="div01" style="float:lift;border: 1px solid;background-color: blue;width: 300px;height: 200px;">我是一個跳躍顯示的動畫</div> </body> </html>總結
以上是生活随笔為你收集整理的jQuerry实现CSS动画样式跳跃显示的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 人工智能和计算机程序有什么区别,人工智能
- 下一篇： CSS 基本样式