DIV飞入抖动效果

最新推荐文章于 2021-06-03 13:37:49 发布

傻的可爱

最新推荐文章于 2021-06-03 13:37:49 发布

阅读量3.5k

点赞数

本文链接：https://blog.csdn.net/fenglvming/article/details/17895217

版权

糖果电影专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
<head>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script>
    $(document).ready(function() {
        $("#test").click(function() {
            $('#hello').show('slide', {direction: 'left'}, 1000,function(){
            	$( "#hello" ).effect( "shake");
            });
            
        });
    });
   </script>
</head>
<body>
    <article >
        <div id="hello" style="display:none">
            Hello       
        </div>
        <p><span id="test">Test</span>
    </arcticle>
</body>

项目可能要用到，还不太符合需求，需要扩展一下ui中的一些地方。

JQuery插件，用来实现HOVER图片出现文字的效果

http://ryun.github.io/HCaptions/

两个DIV 一个推出一个推入

http://jsfiddle.net/stevegreatrex/GFJXu/

傻的可爱

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
DIV飞入抖动效果

$(document).ready(function() { $("#test").click(function() { $('#hello').show('slide', {direction: 'left'}, 1000,function(){ $( "#hello" ).effect( "shake");
复制链接

扫一扫