基于jQuery实现文字倾斜显示代码

这是一款基于jQuery实现文字倾斜显示,这是一款基于jQuery实现的超酷动态文字显示效果。适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。 效果图如下:

在线预览   源码下载

实现的代码。

html代码:

 <div class="container">
        <div class="logo">
            <img src="images/frame.png" alt="" class="frame" />
            <img src="images/ani-bg.png" alt="" class="ani-bg" />
        </div>
        <button type="submit" onclick="javascript:location.reload(true)" id="btn">
            Refresh Page</button>
        <div class="link">
        </div>
    </div>

js代码:

   $(document).ready(function () {

            $(".ani-bg").animate({
                marginTop: "420px"
            }, 2500);

        });

via:http://www.w2bc.com/Article/26991

时间: 2024-08-22 17:27:37

基于jQuery实现文字倾斜显示代码的相关文章

基于jQuery图片自适应排列显示代码

基于jQuery图片自适应排列显示代码.这是一款基于jquery.flex-images插件实现的类似谷歌图片流效果.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div style="max-width:900px;margin:auto;padding:0 10px"> <h3>演示样式一</h3> </div> <div style="max-width:908px;margin:auto;p

基于jQuery移动设备图片裁剪代码

一款基于jQuery移动设备图片裁剪代码.这是一款支持移动设备触摸手势的jQuery图片裁剪插件jquery.photoClip.效果图如下: 在线预览   源码下载 实现的代码. html代码: <article class="zzsc-container"> <div id="clipArea"></div> <input type="file" id="file"> <

基于jQuery垂直多级导航菜单代码

基于jQuery垂直多级导航菜单代码是一款黑色风格的jQuery竖直导航菜单特效下载.效果图如下: 在线预览   源码下载 实现的代码. html代码: <ul class="ce"> <li> <a class="xz" href="#">目录A</a> </li> <li> <a href="#">目录B <img class=&qu

基于jQuery多层次的手风琴代码

基于jQuery多层次的手风琴代码是一款经过美化的多级多层次手风琴特效代码.效果图如下: 在线预览   源码下载 实现的代码. html代码: <aside class="accordion"> <h1>News</h1> <div class="opened-for-codepen"> <h2>News Item #1</h2> <div class="opened-for-c

基于jQuery HTML5添加到购物车代码

基于jQuery HTML5添加到购物车代码.这是一款支持选择颜色跟样式的添加购物车代码.效果图如下: 在线预览   源码下载 实现的代码. html代码: <header> <h1>Quick Add to Cart</h1> </header> <a href="#0" class="cd-cart"> <span>0</span> </a> <ul class

基于jQuery在线问卷答题系统代码

分享一款基于jQuery在线问卷答题系统代码是一款实用的jQuery答题插件,点击下一题切换带有淡入淡出效果.实现的效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="demo"> <div id='quiz-container'> </div> </div> js代码: var init = { 'questions': [{ 'question': 'jQuery是什么?', 'answers'

基于jquery右侧悬浮加入购物车代码

分享一款基于jquery右侧悬浮加入购物车代码.这是一款基于jQuery实现的仿天猫右侧悬浮加入购物车菜单代码. 在线预览   源码下载 实现的代码: <!--左侧产品parabola.js控制--> <div class="main"> <div id="plist"> <ul> <li> <div class="lh_wrap"> <div class="

基于jQuery左右滑动切换图片代码

分享一款基于jQuery左右滑动切换图片代码.这是一款基于jQuery实现的左右滑动切换焦点图代码.效果图如下: 在线预览   源码下载 实现的代码: <div class="v_out v_out_p"> <div class="prev"> <a href="javascript:void(0)"></a> </div> <div class="v_show"

jQuery实现长文字部分显示代码

在网页上只有一个小区域,但是说明性的文字又很长,下面这段脚本实现的是长文字的部分显示,有类似需求的朋友可以参考下哈,希望对你有所帮助 在网页上只有一个小区域,但是说明性的文字又很长,下面这段脚本实现的是长文字的部分显示. 当用户点击展开时,文字展开,合起是文字合起. 本来用jQuery自带的toggle()就可以写,但是我做的时候 toggle一直不work,所以就用了click + 标志位来做的 ? <script language="javascript" src="