原创 jQuery 彈出層 彈出對話框

jQuery 彈出層 彈出對話框 可以設置大小,ajax內容彈出,背景等各種調整演示 XML/HTML Code<div id="wrapper">  <section>    <div class="container_6 clearf

原创 jQuery 滑動改變價格

jQuery 滑動改變價格演示 XML/HTML Code<section id="content" >  <div class="cube">  <div class="a"></div>  <div class="b"></div> 

原创 login and signup 註冊和登錄tab頁面

login and signup 註冊和登錄tab頁面演示 JavaScript Code<script type="application/javascript">  $(document).ready(function()  {   

原创 jquery 彈出層 彈窗

jquery 彈出層 彈窗 可以設置不同的背景和標題演示 XML/HTML Code<button id="test">Alert</button>  <div id="testElement"> Hello how are you  <

原创 jQuery 二級菜單,一次顯示一個小類 鼠標點擊顯示小類

jQuery 二級菜單,一次顯示一個小類 鼠標點擊顯示小類 本例有另外2個關聯案例,演示地址分別爲2.php,3.php演示 XML/HTML Code<div class="arrowlistmenu">    <h3 class="m

原创 php文件管理,可以點擊按照時間,大小,名稱排序

php文件管理,可以點擊按照時間,大小,名稱排序 本例沒有用到jquery演示 PHP Code<?php   $rootdir="./";   $spacenum=0;   $filenum=0;   $allfilesize=0;  

原创 PlusSlider 2個焦點圖,一個可以固定圖片寬和高一個顯示實際大小

PlusSlider 2個焦點圖,一個可以固定圖片寬和高一個顯示實際大小演示 XML/HTML Code<div id="slider">                                                <d

原创 投票喜歡/不喜歡 ajax無刷新

投票喜歡/不喜歡 ajax無刷新演示 JavaScript Code<script type="text/javascript">  $(document).ready(function()  {  $(".like").click(fu

原创 一步步註冊,填寫的資料合格後進入下一步

一步步註冊,填寫的資料合格後進入下一步演示 XML/HTML Code<div id="form">  <form method="post" >  <ul>  <li class="email">  <label>Email: </la

原创 點擊顯示菜單 下拉菜單

常見於登錄後的帳號管理等位置,默認是隱藏的,鼠標點擊後顯示下拉詳情演示 XML/HTML Code<div style='margin:50px'>    <div class="dropdown">  <a class="account

原创 Ajax tooltip 動態ajax載入tips

Ajax tooltip 動態ajax載入tips演示 XML/HTML Code<div id="mainContainer">      <div id="mainContent">          <table width="10

原创 Ajax tooltip 動態ajax載入tips

Ajax tooltip 動態ajax載入tips演示 XML/HTML Code<div id="mainContainer">      <div id="mainContent">          <table width="10

原创 Ajax tooltip 動態ajax載入tips

Ajax tooltip 動態ajax載入tips演示 XML/HTML Code<div id="mainContainer">      <div id="mainContent">          <table width="10

原创 各種彈出層的一個插件,iframe,自定義大小等

各種彈出層的一個插件,iframe,自定義大小等演示 XML/HTML Code<div id="pronto">    <article class="project_details lab_details">      <header

原创 各種不同演示的圖片滾動

各種不同演示的圖片滾動包括是否可以循環,設置默認顯示位置等不同情形演示 JavaScript Code<script>      function example(id) {        document.write(