自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

下拉菜单,多级菜单

下拉菜单,多级菜单 本例有2个,一个带图标图片的,另外一个纯文字演示  XML/HTML Code<section id="skin1">  <div class="navbar">  <div class="navbar-inner PL0 PT20">  <div class="co

2014-07-31 10:26:24 91

loading效果 加载中效果

loading效果 加载中效果 点击test可以查看效果演示  XML/HTML Code<div class="container wrapper" style="position: relative;">    <h3>Default options:</h3>    <!-- BASIC -...

2014-07-30 10:52:24 588

全屏焦点图

全屏焦点图 演示  XML/HTML Code<div class="fluid_container">    <div class="fluid_dg_wrap fluid_dg_emboss pattern_1 fluid_dg_white_skin" id="fluid_dg_wrap_4">  <div data...

2014-07-29 09:56:16 114

原创 支持标题,数字顺序与上下翻页的焦点图,渐变与滑动

支持标题,数字顺序与上下翻页的焦点图,渐变与滑动 演示  XML/HTML Code<div id="banner-fade">     <ul class="bjqs">  <li><img src="img/banner01.jpg" title="Automatically genera

2014-07-28 11:30:57 106

一个js插件支持的不同N种焦点图和tab效果,包括垂直,水平,鼠标拖动,拼图,支持缩略图与文字...

一个js插件支持的不同N种焦点图和tab效果,包括垂直,水平,鼠标拖动,拼图,支持缩略图与文字 本例用了很多的js文件,请到演示页面演示  XML/HTML Code<p class="demo-title">Default</p>  <div class="home-device"> <a class="a...

2014-07-26 10:30:09 147

带圆点支持标题的焦点图/带缩略图的焦点图

带圆点支持标题的焦点图/带缩略图的焦点图 有进度条提示时间演示  XML/HTML Code<div class="fluid_container">  <p>Pagination circles with the height relative to the width</p>  <div class=...

2014-07-25 15:19:21 160

相册管理,相册浏览

相册管理,相册浏览全屏浏览,上一页和下一页演示  XML/HTML Code<script src="../../js/jquery-1.9.1.min.js"></script>   <script src="jquery.gallerie.js"></script>  <link rel=

2014-07-23 13:59:28 687

提示框,鼠标经过提示文字框,提示弹出层

提示框,鼠标经过提示文字框,提示弹出层 可以指定位置显示层演示  XML/HTML Code<h3>Positioning</h3>                  <p>The positioning options of Tippy are really powerful. Say you <span ...

2014-07-22 14:17:04 343

jQuery Readmore 很简单的阅读更多,可以关闭

jQuery Readmore 很简单的阅读更多,可以关闭 在js文件中设置好默认显示高度,超过的会隐藏演示  JavaScript Code<script>      $('article').readmore({maxHeight: 216});    </script>   JavaScript ...

2014-07-21 14:12:16 719

下拉菜单,多级菜单

下拉菜单,多级菜单 本例有2个,一个带图标图片的,另外一个纯文字演示  XML/HTML Code<section id="skin1">  <div class="navbar">  <div class="navbar-inner PL0 PT20">  <div class="co

2014-07-20 12:48:21 213

loading效果 加载中效果

loading效果 加载中效果 点击test可以查看效果演示  XML/HTML Code<div class="container wrapper" style="position: relative;">    <h3>Default options:</h3>    <!-- BASIC -...

2014-07-19 15:01:01 216

全屏焦点图

全屏焦点图 演示  XML/HTML Code<div class="fluid_container">    <div class="fluid_dg_wrap fluid_dg_emboss pattern_1 fluid_dg_white_skin" id="fluid_dg_wrap_4">  <div data...

2014-07-17 10:18:48 118

支持标题,数字顺序与上下翻页的焦点图,渐变与滑动

支持标题,数字顺序与上下翻页的焦点图,渐变与滑动 演示  XML/HTML Code<div id="banner-fade">     <ul class="bjqs">  <li><img src="img/banner01.jpg" title="Automatically generat

2014-07-16 14:53:18 86

一个js插件支持的不同N种焦点图和tab效果,包括垂直,水平,鼠标拖动,拼图,支持缩略图与文字...

一个js插件支持的不同N种焦点图和tab效果,包括垂直,水平,鼠标拖动,拼图,支持缩略图与文字 本例用了很多的js文件,请到演示页面演示  XML/HTML Code<p class="demo-title">Default</p>  <div class="home-device"> <a class="a...

2014-07-15 14:33:06 93

带圆点支持标题的焦点图/带缩略图的焦点图

带圆点支持标题的焦点图/带缩略图的焦点图 有进度条提示时间演示  XML/HTML Code<div class="fluid_container">  <p>Pagination circles with the height relative to the width</p>  <div class=...

2014-07-14 13:03:06 139

点击隐藏/显示密码输入项

击隐藏/显示密码输入项 演示  XML/HTML Code<figure>  <div class="login">  <input class="login-field login-field-username" type="text" placeholder="Username" autocapitaliz

2014-07-12 15:36:34 289

jQuery 支持标题的banner 圆点切换 左右箭头切换 自动切换

jQuery 支持标题的banner 圆点切换 左右箭头切换 自动切换包含2个扩展演示,全屏和全一页显示多个演示  XML/HTML Code<div id="content">  <div class="border_box">  <div class="box_skitter box_skitter_lar...

2014-07-11 11:14:07 337

相册浏览 放大 全屏

相册浏览 放大 全屏 演示  XML/HTML Code<div class="demo-wrapper">      <div id="gallery-container">  <ul class="items--small">  <li class="item"&am

2014-07-10 09:43:09 106

tab标签可以显示指定项目,清除tab效果并重建

tab标签可以显示指定项目,清除tab效果并重建 演示  XML/HTML Code<div class="wrap">  <h2>Basic tabs example</h2>  <div class="set set-1">  <div class="panel panel

2014-07-09 14:33:13 489

jQuery 简单的鼠标滑动tab

jQuery 简单的鼠标滑动tab 演示  XML/HTML Code<div class="views">  <div class="view views-nav" id="nav">  <ul>  <li><a href="#what" dat

2014-07-08 14:21:45 195

点击显示表单百分比进度

点击显示表单百分比进度 演示  XML/HTML Code<form id="myform">  <p>  <label for="">Click on a field</label>  <input  data-progression type="text" dat

2014-07-07 09:35:44 421

表格排序和过滤

表格排序和过滤包括扩展的2个演示,是可以折叠的表格和分组的演示  XML/HTML Code         <table id="table1">     <thead>       <tr>          <th data-type='int'>number (in...

2014-07-04 11:10:41 125

隐藏的对话框 联系页面 可以展开的联系页面

隐藏的对话框 联系页面 可以展开的联系页面 演示  XML/HTML Code<div class="slide-out-div">          <a class="handle" href="http://link-for-non-js-users">Content</a>          <h3&

2014-07-03 10:50:08 96

jQuery 侧面展开/隐藏的菜单

jQuery 侧面展开/隐藏的菜单 演示  XML/HTML Code<div id="side-menu">  <ul>  <li><a href="/">Main</a><span class="icon"></span&am

2014-07-02 15:19:07 156

上传选择框复选,选择多选列出以选项并可以删除

上传选择框复选,选择多选列出以选项并可以删除 演示  XML/HTML Code<section class="demo">    <input id="file_input" type="file" name="files[]">  </section>    <script

2014-07-01 09:54:26 112

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除