书签 分享 收藏 举报 版权申诉 / 12

类型java web知识点整理.docx

  • 文档编号:11726058
  • 上传时间:2023-03-31
  • 格式:DOCX
  • 页数:12
  • 大小:24.80KB

    

自定义消散动画

这个示例让一个div越来越大最后消失:

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

//www.w3.org/1999/xhtml">

    jQuery Animation - fadeTo 

    

        $(document).ready(function()

        {

            $("#divPop")

            .animate(

            {

                "opacity":

 "hide",

                "width":

 $(window).width()-100 ,

                "height":

 $(window).height()-100

            },

            500

            );

        });

           

 #f0f0f0; border:

 solid 1px #000000;         width:

 300px; height:

 100px; position:

absolute;">

        

 center;">弹出层

    

Tab标签

不刷新页面,在页面中的不同标签间切换:

本实例通过jQueryUI的Tabs组件实现.Tabs组件的使用与dialog一样十分简单, 默认的配置即可实现最简单的tab,通过设置更多的options可以实现更复杂的应用.

<%@ Page Language="C#" %>

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

//www.w3.org/1999/xhtml">

    jQuery UI - 弹出层应用实例 Dialog

    

--black-tie,blitzer,blitzer,dot-luv,excite-bike,hot-sneaks,humanity,mint-choc,redmond,smoothness,south-street,start,swanky-purse,trontastic,ui-darkness,ui-lightness,vader-->

    " />

    

    /JsLib/jquery/ui/jquery-ui-all-min-lastest.js"

        type="text/javascript">

    <% if (false)

       {%>

    <% }%>

    

        /*========== 必须放在头部加载的语句块. 尽量避免使用 ==========*/

    

    

        

    

--Demo.默认Tab与Ajax Tab -->

    

300px;">

        

                

  • One
  •             

    -- Ajax Tab -->

                

  • Two
  •             

  • Three
  •         

        

            

Tab1内容

        

        

            

Tab3内容

        

    

    

    

    

    

--Demo. 可折叠的Tab -->

    

 300px;">

        

        

            

Tab1内容

        

        

            

Tab2内容

        

        

            

Tab3内容

        

    

    

    

    

    

--Demo. 鼠标滑动即切换的Tab -->

    

 300px;">

        

        

            

Tab1内容

        

        

            

Tab2内容

        

        

            

Tab3内容

        

    

    

        /*==========用户自定义方法==========*/

        /*==========事件绑定==========*/

        $(function()

        {

        });

        /*==========加载时执行的语句==========*/

        $(function()

        {

            //默认Tabs

            $("#tabs1").tabs();

            //可折叠的Tabs

            $("#tabs2").tabs({

                collapsible:

 true

            });

            //鼠标滑动即切换的Tabs

            $("#tabs3").tabs({

                event:

 "mouseover"

            });

        });        

    

hibernate常用

举报
举报
版权申诉
版权申诉
word格式文档无特别注明外均可编辑修改;预览文档经过压缩,下载后原文更清晰! 立即下载
配套讲稿:

如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制:

部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词:
java web知识点整理 web 知识点 整理
提示  冰豆网所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
关于本文
本文标题:java web知识点整理.docx
链接地址:https://www.bdocx.com/doc/11726058.html
关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

copyright@ 2008-2022 冰点文档网站版权所有

经营许可证编号:鄂ICP备2022015515号-1

收起
展开