表头固定

来源:互联网 发布:phpstorm 压缩js 编辑:程序博客网 时间:2024/04/29 11:31
<!doctype html><html lang="en"> <head>  <meta charset="UTF-8">  <meta name="Generator" content="EditPlus®">  <meta name="Author" content="">  <meta name="Keywords" content="">  <meta name="Description" content="">        <script type="text/javascript" src="http://www.sucaihuo.com/jquery/6/666/demo/js/jquery-1.9.1.js"></script>        <script type="text/javascript" src="http://www.sucaihuo.com/jquery/6/666/demo/js/jquery.freezeheader.js"></script>        <script language="javascript" type="text/javascript">            $(function() {                $("#table2").freezeHeader();            })        </script>  <title>Document</title> </head> <body>  https://github.com/laertejjunior/freezeheader            <table class="gridView" id="table2">                <thead>                    <tr>                        <td>id</td>                        <td>标题</td>                        <td>描述</td>                    </tr>                </thead>                <tbody>                    <tr class="grid">                        <td>                            1                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/126.html' target='_blank'>                                jQuery仿淘宝商品多属性查询                            </a>                        </td>                        <td>                            这是一款jQuery的商品属性多条件查询插件,和淘宝商城的条件查询类似,可以多条件查询,也可以删除某一个条件。                        </td>                    </tr>                    <tr class="grid">                        <td>                            2                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/127.html' target='_blank'>                                jQuery结合elevateZoom演示多种放大镜效果                            </a>                        </td>                        <td>                            elevateZoom 是一个定制性非常高的 jQuery 放大镜插件,可实现电子商务网站中查看大图的效果。它能够对一张图片或两张图片(一张缩略图和一张大图)实现放大效果。放大图片的位置可自定义设置,并且支持内缩放,使用放大镜镜头展示大图。它还内置了一个相册展示的模式,可同时展示多张可缩放的图片。它自带了淡入淡出、easing 等多种效果。                        </td>                    </tr>                    <tr class="grid">                        <td>                            3                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/128.html' target='_blank'>                                百度编辑器ueditor                            </a>                        </td>                        <td>                            本文演示了百度编辑器的基本用法。                        </td>                    </tr>                    <tr class="grid">                        <td>                            4                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/129.html' target='_blank'>                                PHP+jQuery+Ajax九宫格抽奖转盘                            </a>                        </td>                        <td>                            分享一款jQuery九宫格大转盘抽奖代码网页特效,点击抽奖按钮开始随机抽奖选择奖品,可设置起点位置、奖品数量、转动次数、中奖位置参数,并且后台ajax.php可设置奖品和中奖概率。                        </td>                    </tr>                    <tr class="grid">                        <td>                            5                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/130.html' target='_blank'>                                jQuery侧面浮动对联广告                            </a>                        </td>                        <td>                            今天分享一款对联广告代码,实现原理:首先获得页面的高度,然后再获得装有图片的块级元素的高度计算页面的高度除于2在块级元素高度除于2,最后获得高度值赋值给块级容器,让块级容器始终保持页面高度居中的效果。在滚动页面时候通过定义一个动画的效果,让广告在0.4秒内移动到当前页面高度的中间。                        </td>                    </tr>                    <tr class="grid">                        <td>                            6                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/131.html' target='_blank'>                                jQuery分步式动画进度条                            </a>                        </td>                        <td>                            本文将演示一段基于jquery实现的网站注册动态多步骤进度条效果。                        </td>                    </tr>                    <tr class="grid">                        <td>                            7                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/132.html' target='_blank'>                                jQueryQQ商城焦点图自动切换                            </a>                        </td>                        <td>                            本文介绍一款适合新手的焦点图轮播,可自由切换图片,左右按钮控制。                        </td>                    </tr>                    <tr class="grid">                        <td>                            8                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/133.html' target='_blank'>                                jQuery选项卡搜索框切换                            </a>                        </td>                        <td>                            我们经常会看到商城的搜索区域,会有商品和商家的搜索选项卡,通过手动切换选项卡,可查询自己想要的搜索结果。                        </td>                    </tr>                    <tr class="grid">                        <td>                            9                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/134.html' target='_blank'>                                jQuery新闻相册切换                            </a>                        </td>                        <td>                            本文介绍一款新闻相册插件,可支持相册轮播,暂停,自动切换,查看原图,下载,键盘快速翻页及上一组和下一组等功能。                        </td>                    </tr>                    <tr class="grid">                        <td>                            10                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/135.html' target='_blank'>                                jQuery后台左侧菜单导航切换子菜单                            </a>                        </td>                        <td>                            后台的左侧导航切换子菜单的效果,采用slide滑动效果。                        </td>                    </tr>                    <tr class="grid">                        <td>                            11                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/136.html' target='_blank'>                                PHP+jQuery+Ajax漂亮的许愿墙效果                            </a>                        </td>                        <td>                            之前我们讲了PHP+MySQL+jQueryUI完美便签条http://www.sucaihuo.com/js/70.html,今天我们在此基础上做一个漂亮的许愿墙效果。                        </td>                    </tr>                    <tr class="grid">                        <td>                            12                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/137.html' target='_blank'>                                KinSlideshow焦点图切换                            </a>                        </td>                        <td>                            KinSlideshow自定义幻灯片切换参数效果,兼容IE6及其他主流浏览器,具有丰富的API调用。本文将演示三种不同的幻灯滚动效果。                        </td>                    </tr>                    <tr class="grid">                        <td>                            13                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/138.html' target='_blank'>                                jQuery-zTree树插件                            </a>                        </td>                        <td>                            zTree 是一个功能很强大的树插件。本文演示里有自定义json数据,自定义树节点图标,异步加载,更新节点图标等。                        </td>                    </tr>                    <tr class="grid">                        <td>                            14                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/139.html' target='_blank'>                                jQuery开启百宝箱摇头效果                            </a>                        </td>                        <td>                            本文参考了一篇html5+css3(rotate)百宝箱开启动画效果,但兼容性不好,因此本文用js简单的写了这个开启百宝箱摇头效果,页面不是很好看,可以自行修改。                        </td>                    </tr>                    <tr class="grid">                        <td>                            15                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/140.html' target='_blank'>                                Thinkphp+phpexcel导出和导入                            </a>                        </td>                        <td>                            在网上找了很多excel导出和导入示例,代码不是很简洁,很多出错,自己在excel方法和控制器改了下。                        </td>                    </tr>                    <tr class="grid">                        <td>                            16                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/141.html' target='_blank'>                                PHP之excel导出和导入                            </a>                        </td>                        <td>                            之前我们用thinkphp+excel演示了导出和导入,本文用原生PHP来演示导出和导入,包括上传也是用的原生。                        </td>                    </tr>                    <tr class="grid">                        <td>                            17                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/142.html' target='_blank'>                                jQuery悬浮图标菜单上下切换文字                            </a>                        </td>                        <td>                            分享一款鼠标移动到菜单上,标题切换描述的效果。                        </td>                    </tr>                    <tr class="grid">                        <td>                            18                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/143.html' target='_blank'>                                clueTip简单实用的信息提示框                            </a>                        </td>                        <td>                            本文将演示6中不同的提示框效果。cluetip提示框里的内容可以是HTML,也可以是ajax加载的的页面,并且clueTip还提供了丰富的API。                        </td>                    </tr>                    <tr class="grid">                        <td>                            19                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/144.html' target='_blank'>                                jQuery淘宝订单星级评分                            </a>                        </td>                        <td>                            最近一个小项目需要一个星级评分的效果,所以去淘宝偷了一个订单评论里的星级评分,自己原创,不是仿的哦,代码不是很复杂。                        </td>                    </tr>                    <tr class="grid">                        <td>                            20                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/145.html' target='_blank'>                                jwplayer兼容主流视频格式播放                            </a>                        </td>                        <td>                            前段时间在群里有个叫詹总的,要求能在线播放各类视频,前一篇文章视频播放jppalyer不能兼容mp4等视频格式。恰到坛子里闲逛时,发现了这款视频神器,遂把这些整理了下分享给大家。                        </td>                    </tr>                    <tr class="grid">                        <td>                            21                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/146.html' target='_blank'>                                jQuery+SlotMachine插件实现老虎机抽奖                            </a>                        </td>                        <td>                            群里经常有人要老虎机的特效。今天百度发现了这款抽奖特效,今天整理了三个老虎机演示效果分享给大家。                        </td>                    </tr>                    <tr class="grid">                        <td>                            22                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/147.html' target='_blank'>                                PHP+Mysql+jQuery中国地图                            </a>                        </td>                        <td>                            今天给大家介绍一款非常强大的javascript矢量库:raphael.js。本文将演示当鼠标滑动到地图指定省份区域,在弹出的提示框中显示对应省份的数据信息。适用于数据统计和地图区块展示等场景。                        </td>                    </tr>                    <tr class="grid">                        <td>                            23                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/148.html' target='_blank'>                                谷歌地图插件Mapsed.js演示三种调用DEMO                            </a>                        </td>                        <td>                            google地图经常会在做国外的项目会遇到,一般需求是自定义标注地点,并且读取数据库数据。看演示DEMO,要注意翻墙。                        </td>                    </tr>                    <tr class="grid">                        <td>                            24                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/149.html' target='_blank'>                                Slider Revolution演示全屏内容切换动画效果                            </a>                        </td>                        <td>                            这是一款非常强大的内容切换插件,它基于jQuery,它充分响应,支持移动设备,支持手机触摸,键盘翻页;它内置幻灯、视频播放计时器,它拥有各种模式:自定义,自动响应,全屏;它有多种动画效果、3d效果                        </td>                    </tr>                    <tr class="grid">                        <td>                            25                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/150.html' target='_blank'>                                jQuery演示三种不同的数字加减插件                            </a>                        </td>                        <td>                            本文将介绍常见的三种使用spinner数字插件来实现数字加减的效果。                        </td>                    </tr>                    <tr class="grid">                        <td>                            26                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/151.html' target='_blank'>                                jQuery+oLoader加载图片和页面效果                            </a>                        </td>                        <td>                            我们经常会遇到加载图片和页面的效果,今天我们就介绍oLoader和oPageLoader这两个方法。                        </td>                    </tr>                    <tr class="grid">                        <td>                            27                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/152.html' target='_blank'>                                Skrollr奇妙的视差滚动效果                            </a>                        </td>                        <td>                            Skrollr不需要jQuery库,它可以让我们给任意元素设置关键帧的CSS属性,然后它会自动形成动画效果。该视差滚动插件主流浏览器,并且兼容手机等移动终端。                        </td>                    </tr>                    <tr class="grid">                        <td>                            28                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/153.html' target='_blank'>                                jQuery鼠标滑过图片显示详细信息                            </a>                        </td>                        <td>                            今天分享下jQuery鼠标滑过图片展示详细信息效果。具体演示请查看DEMO。                        </td>                    </tr>                    <tr class="grid">                        <td>                            29                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/154.html' target='_blank'>                                marquee.js演示三种不同的文字滚动效果                            </a>                        </td>                        <td>                            本文通过marquee.js结合实例演示文字上下、左右滚动的效果。                        </td>                    </tr>                    <tr class="grid">                        <td>                            30                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/155.html' target='_blank'>                                PHP+jQuery+Ajax+Mysql实现文章心情投票功能                            </a>                        </td>                        <td>                            本文实现投票的基本流程:通过ajax获取心情图标及柱状图相关数据,当用户点击其中的一个心情图标时,向Ajax.php发送请求,PHP验证用户cookie防止重复提交,然后将mysql中对应的数据心情字段内容加1,成功后返回前端页面,并更新柱状图和统计数据。                        </td>                    </tr>                    <tr class="grid">                        <td>                            31                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/156.html' target='_blank'>                                setTimeOut和setInterval的两种定时演示                            </a>                        </td>                        <td>                            setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则是在每隔指定的毫秒数循环调用函数或表达式,直到clearInterval把它清除。也就是说setTimeout()只执行一次,setInterval()可以执行多次。两个函数的参数也相同,第一个参数是要执行的code或句柄,第二个是延迟的毫秒数。                        </td>                    </tr>                    <tr class="grid">                        <td>                            32                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/157.html' target='_blank'>                                PHP+jQuery掷色子点数抽奖功能                            </a>                        </td>                        <td>                            本文以大富翁游戏为背景,通过掷色子点数来达到抽奖的效果。                        </td>                    </tr>                    <tr class="grid">                        <td>                            33                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/158.html' target='_blank'>                                jQuery+Cookie关闭广告                            </a>                        </td>                        <td>                            关闭广告流程:当点击关闭按钮时,记录Cookie并设置有效期,在Cookie有效期内刷新页面,是不会再加载背景图的,如果cookie失效,则又会重新加载背景图片广告。                        </td>                    </tr>                    <tr class="grid">                        <td>                            34                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/159.html' target='_blank'>                                PHP+jqGrid表格插件实现增删改查                            </a>                        </td>                        <td>                            今天介绍一款jqGrid表格插件,有点类似miniui框架                        </td>                    </tr>                    <tr class="grid">                        <td>                            35                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/160.html' target='_blank'>                                datepicker日期插件演示9种调用方法                            </a>                        </td>                        <td>                            之前我们提供了<a href="http://www.sucaihuo.com/js/119.html">datetimepicker日期时间插件</a>,今天就介绍下日期插件datepicker。                        </td>                    </tr>                    <tr class="grid">                        <td>                            36                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/161.html' target='_blank'>                                php快递100查询                            </a>                        </td>                        <td>                            本文主要介绍了PHP查询快递信息的方法,实例分析了通过快递http://www.kuaidi100.com/查询快递信息的技巧,具有一定参考借鉴价值,需要的朋友可以参考下。                        </td>                    </tr>                    <tr class="grid">                        <td>                            37                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/162.html' target='_blank'>                                PHP+OSS阿里云上传图片                            </a>                        </td>                        <td>                            阿里云存储服务(OpenStorageService,简称OSS),是阿里云对外提供的海量,安全,低成本,高可靠的云存储服务。本文用以测试阿里云接口上传,压缩文件里,请按照本文说明来配置秘钥id、key和bucket。                        </td>                    </tr>                    <tr class="grid">                        <td>                            38                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/163.html' target='_blank'>                                thinkphp+jpgraph生成各种统计图                            </a>                        </td>                        <td>                            JpGraph一个强大的php图表类库,它使得作图变成了一件非常简单的事情,你只需从数据库中取出相关数据,定义标题,图表类型,然后的事情就交给JpGraph。                        </td>                    </tr>                    <tr class="grid">                        <td>                            39                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/164.html' target='_blank'>                                select下拉框检索插件                            </a>                        </td>                        <td>                            Jquery chosen一款选择插件,支持检索,多选,下面与大家分享下其使用示例,调用方法很简单,你可以很方便的应用到你的项目中。                        </td>                    </tr>                    <tr class="grid">                        <td>                            40                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/165.html' target='_blank'>                                Thinkphp数据库在线备份下载和还原                            </a>                        </td>                        <td>                            本文以实例演示了Thinkphp数据库备份、下载和还原,你也可以简单的改成不基于Thinkphp的框架的PHP代码,很方便的应用到你的后台数据库管理应用中。本文操作表的相关网站:http://www.sucaihuo.com/js/120.html                        </td>                    </tr>                    <tr class="grid">                        <td>                            41                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/166.html' target='_blank'>                                Thinkphp静态缓存多语言切换                            </a>                        </td>                        <td>                            本文以实例演示了Thinkphp在静态缓存状态下中英文切换。国际化切换四点要求如下:                        </td>                    </tr>                    <tr class="grid">                        <td>                            42                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/167.html' target='_blank'>                                Thinkphp路由配置和静态缓存规则                            </a>                        </td>                        <td>                            ThinkPHP框架对URL有一定的规范,所以如果你希望定制你的URL格式的话,就需要好好了解下内置的路由功能了,它能让你的URL变得更简洁和有文化。                        </td>                    </tr>                    <tr class="grid">                        <td>                            43                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/168.html' target='_blank'>                                jQuery蓝天白云飘动效果                            </a>                        </td>                        <td>                            看到许多会员在网站上搜索了“飘”,估计是要的白云飘动效果吧,若是需要其他飘动效果,请联系群众阿豆。                        </td>                    </tr>                    <tr class="grid">                        <td>                            44                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/169.html' target='_blank'>                                jQuery+flipTimer演示倒计时与时钟效果                            </a>                        </td>                        <td>                            本文将演示flipTimer时钟、倒计时和回调的方法,有点像日历翻页效果,兼容各大主流浏览器。                        </td>                    </tr>                    <tr class="grid">                        <td>                            45                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/170.html' target='_blank'>                                javascript+fullPage演示9种全屏滚动                            </a>                        </td>                        <td>                            fullPage 是一款不依赖任何 js 库的全屏滚动组件,支持垂直/水平滚动、CSS3 旋转/缩放动画,支持 IE5.5+,支持移动设备。                        </td>                    </tr>                    <tr class="grid">                        <td>                            46                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/171.html' target='_blank'>                                jQuery+fullPage.js演示12种全屏滚动                            </a>                        </td>                        <td>                            我们经常会看到很漂亮的企业站的首页由几幅很大的图片或色块做背景,再添加一些简单的内容,显得格外的高端大气上档次。                        </td>                    </tr>                    <tr class="grid">                        <td>                            47                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/172.html' target='_blank'>                                jQuery+fullPage.js制作网易邮箱大师页面滚动效果                            </a>                        </td>                        <td>                            最新的邮箱大师使用了 flash,并且滚动后 flash 会重新播放,风格比较特别。今天阿豆 就再用 fullPage.js 来制作演示这个页面吧。                        </td>                    </tr>                    <tr class="grid">                        <td>                            48                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/173.html' target='_blank'>                                jQuery+fullPage.js制作网易邮箱介绍页面                            </a>                        </td>                        <td>                            自从网易邮箱升级到6.0版本,各路诸侯纷纷效仿。该页面采用了时下非常流行的全屏滚动效果,文字、图片再加上 CSS3 动画,让用户非常直观、清晰的了解该版本的功能及特色,真是高端大气上档次。废话不多说,先贴代码。                        </td>                    </tr>                    <tr class="grid">                        <td>                            49                        </td>                        <td>                            <a href='http://www.sucaihuo.com/js/174.html' target='_blank'>                                jQuery+fullPage.js制作搜狐快站页面滚动效果                            </a>                        </td>                        <td>                            今天无意中看到了搜狐快站的页面,正是采用fullpage.js完成的,下载下来分享给大家吧,页面里面大多是图片。                        </td>                    </tr>                </tbody>            </table> </body></html>

原创粉丝点击