DIV CSS 佈局教程網
設為首頁
加入收藏
首頁
HTML基礎知識
CSS入門知識
JavaScript入門知識
DIV+CSS佈局
WEB網站前端
網頁腳本
網頁SEO優化
網頁制作工具
DIV+CSS佈局教程網
>>
網頁腳本
>>
JavaScript入門知識
>>
AJAX入門
>>
AJAX基礎知識
>> javascript 拖動_cookie_ajax等
javascript 拖動_cookie_ajax等
編輯：AJAX基礎知識
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>新版本網站--lib類函數功能應用DEMO演示</title> <style type="text/css"> <!-- *{margin:0;padding:0;} body{text-align:center;background-color:#FFF;font:normal 12px Georgia, "Times New Roman", Times, Arial, Helvetica, sans-serif;color:#000;} form,div,span,ul,li,p,h1,h2,h3,h4,h5,h6{text-align:left;padding:5px;} a:link,a:visited{color:#000;text-decoration:none;}a:hover{color:#F00;text-decoration:underline;} h1{font-size:16px;} img{border:0;} ul,li{list-style-type:none;} dl,dd{clear:both;} .bgGray{background-color:#F1F1F1;} .clear{clear:both;visibility:hidden;font-size:1px;width:1px;height:1px;} #title{position:absolute;top:30px;left:20px;} .drag{position:absolute;z-index:200;top:300px;left:300px;width:300px;height:200px;padding:3px;border:1px solid #999;overflow:hidden;background-color:#FFF;} .handle{margin:0 auto;width:294px;height:14px;padding:3px;background-color:#F1F1F1;overflow:hidden;border-bottom:1px solid #999;} .handle h2{float:left;width:140px;height:12px;font-size:12px;color:#000;padding:1px 0 1px 4px;overflow:hidden;} .handle span{float:right;width:60px;text-align:center;height:12px;font-size:12px;padding:1px 0 1px 0;overflow:hidden;} .drag ul{ float:left; width:300px; height:23px; padding:0; overflow:hidden; } .drag li{ float:left; display:inline; width:100px; height:12px; padding:4px 0 6px 0; border-bottom:1px solid #CCC; overflow:hidden; text-align:center; } .drag li.current{ background-color:#F1F1F1; font-weight:bold; color:#FFF; } .cnt{ margin:0 auto; margin-top:4px; width:288px; height:165px; overflow:auto; scrollbar-arrow-color:#666; /*上下按鈕上三角箭頭的顏色*/ scrollbar-base-color:#ccc;/*滾動條的基本顏色*/ scrollbar-dark-shadow-color:#fff;/*立體滾動條強陰影的顏色*/ scrollbar-face-color:#ccc;/*立體滾動條凸出部分的顏色*/ scrollbar-highlight-color:#fff;/*滾動條空白部分的顏色*/ scrollbar-shadow-color:#fff;/*立體滾動條陰影的顏色*/ } #tabs_cnt{height:142px;} .cnt p{margin:0 auto;width:260px;height:auto;padding:3px 0 8px 0;line-height:130%;font-size:12px;} .cnt p:first-letter{ float:left; padding:0 2px 0 2px; color:#403C31; font:bold 28px "楷體_GB2312","微軟雅黑"; } --> </style> <meta name="viewport" content="width=device-width, initial-scale=1.0"></head> <body> <h1 id="title">新版本網站--lib類函數功能應用DEMO演示</h1> 1 2 3 4 5 6 7 8 <form name="frmDemo" id="frmDemo" action="" method="post"> <input type="text" name="txtWord" id="txtWord" value="請輸入要搜索的關鍵字" /> <input type="button" name="btnEnter" id="btnEnter" onclick="displayAllDiv();" value="顯示拖動窗口" /> </form> <h2>拖動窗口(1)</h2>關閉窗口<br class="clear" /> <p> 理光R系列自來都已全面而著稱，去年推出的R7則堪稱是相當完善的一款產品，輕巧的機身，7.1倍光學變焦鏡頭，大尺寸LCD，快速的開機、對焦速度，加上合理的價格，取得了相當不錯的銷售成績。 </p> <p> 08年2月19日，理光官方正式發布了R7的最新替代產品-R8，不到三天，這款新一代全能DC就已經上市，其售價為2880元，並贈送1GB SD卡一張。 </p> <p> 理光R系列自來都已全面而著稱，去年推出的R7則堪稱是相當完善的一款產品，輕巧的機身，7.1倍光學變焦鏡頭，大尺寸LCD，快速的開機、對焦速度，加上合理的價格，取得了相當不錯的銷售成績。 </p> <p> 08年2月19日，理光官方正式發布了R7的最新替代產品-R8，不到三天，這款新一代全能DC就已經上市，其售價為2880元，並贈送1GB SD卡一張。 </p> <h2>Ajax標簽導航窗口(2)</h2>關閉窗口<br class="clear" /> <ul id="tabs"> <li class="current" id="tabs_0">Dom 編程藝術</li> <li id="tabs_1">Ajax實戰</li> <li id="tabs_2">CSS權威指南</li> </ul><br class="clear" /> <p> DOM理光R系列自來都已全面而著稱，去年推出的R7則堪稱是相當完善的一款產品，輕巧的機身，7.1倍光學變焦鏡頭，大尺寸LCD，快速的開機、對焦速度，加上合理的價格，取得了相當不錯的銷售成績。 </p> <p> 08年2月19日，理光官方正式發布了R7的最新替代產品-R8，不到三天，這款新一代全能DC就已經上市，其售價為2880元，並贈送1GB SD卡一張。 </p> <p> 理光R系列自來都已全面而著稱，去年推出的R7則堪稱是相當完善的一款產品，輕巧的機身，7.1倍光學變焦鏡頭，大尺寸LCD，快速的開機、對焦速度，加上合理的價格，取得了相當不錯的銷售成績。 </p> <p> 08年2月19日，理光官方正式發布了R7的最新替代產品-R8，不到三天，這款新一代全能DC就已經上市，其售價為2880元，並贈送1GB SD卡一張。 </p> <h2>拖動窗口(3)</h2>關閉窗口<br class="clear" /> <p> 理光R系列自來都已全面而著稱，去年推出的R7則堪稱是相當完善的一款產品，輕巧的機身，7.1倍光學變焦鏡頭，大尺寸LCD，快速的開機、對焦速度，加上合理的價格，取得了相當不錯的銷售成績。 </p> <p> 08年2月19日，理光官方正式發布了R7的最新替代產品-R8，不到三天，這款新一代全能DC就已經上市，其售價為2880元，並贈送1GB SD卡一張。 </p> <p> 理光R系列自來都已全面而著稱，去年推出的R7則堪稱是相當完善的一款產品，輕巧的機身，7.1倍光學變焦鏡頭，大尺寸LCD，快速的開機、對焦速度，加上合理的價格，取得了相當不錯的銷售成績。 </p> <p> 08年2月19日，理光官方正式發布了R7的最新替代產品-R8，不到三天，這款新一代全能DC就已經上市，其售價為2880元，並贈送1GB SD卡一張。 </p> <h2>Ajax標簽導航窗口(4)</h2>關閉窗口<br class="clear" /> <ul id="news"> <li class="current" id="news_0">Dom 編程藝術</li> <li id="news_1">Ajax實戰</li> <li id="news_2">CSS權威指南</li> </ul><br class="clear" /> <p> 理光R系列自來都已全面而著稱，去年推出的R7則堪稱是相當完善的一款產品，輕巧的機身，7.1倍光學變焦鏡頭，大尺寸LCD，快速的開機、對焦速度，加上合理的價格，取得了相當不錯的銷售成績。 </p> <p> 08年2月19日，理光官方正式發布了R7的最新替代產品-R8，不到三天，這款新一代全能DC就已經上市，其售價為2880元，並贈送1GB SD卡一張。 </p> <p> 理光R系列自來都已全面而著稱，去年推出的R7則堪稱是相當完善的一款產品，輕巧的機身，7.1倍光學變焦鏡頭，大尺寸LCD，快速的開機、對焦速度，加上合理的價格，取得了相當不錯的銷售成績。 </p> <p> 08年2月19日，理光官方正式發布了R7的最新替代產品-R8，不到三天，這款新一代全能DC就已經上市，其售價為2880元，並贈送1GB SD卡一張。 </p> </body> </html>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
上一頁:
ie7下利用ajax跨域盜取cookie的解決辦法
下一頁:
Ajax核心XMLHTTP組件資料第1/2頁
AJAX基礎知識
零基礎學習AJAX之AJAX框架
上文（零基礎學習AJAX之AJAX的簡介和基礎）對ajax異步請求服務器做了詳細的介紹和基礎應用，可
php+ajax實現帶進度條的大數據排隊導出思路以及源碼
廢話不多說，先上效果圖：點擊導出，實現點擊導出統計完成之後點擊確定下面來談談實現的思路：前面導出操作
Flash & Ajax 操作 XML 實例:無刷新分頁
其實標題只是一個噱頭罷了，只是想談一下，Javascript 與 Actions
相關文章
使用canvas繪制圓形和貝塞爾曲線
Javascript模擬拆紅包效果
JavaScript函數之美
JavaScript葵花寶典之閉包
原生Javascript插件開發實踐
理解JavaScript執行環境與作用域
JavaScript input框輸入實時校驗
原生javascript實現圖片放大鏡效果
javascript 隨機字符串
使用javascript生成的植物顯示過程特效
AJAX基礎知識
AJAX詳解
小編推薦
如何利用jQuery post傳遞含特殊字符的數據
jQuery使用ajax跨域請求獲取數據
基於Ajax技術實現無刷新用戶登錄功能
如何使用AJAX實現按需加載【推薦】
基於JMX通知框架的AJAX深度開發
AJAX和Java快速開發平台ThinkCap JX
編寫輕量ajax組件01-與webform平台上的各種實現方式比較
ajax設置async校驗用戶名是否存在的實現方法
Ajax使用JSON數據格式案例
AJAX用於判定用戶是否注冊
熱門推薦
Ajax Hacking
如何使用ajax開發web應用程序第1/2頁
關於ajax對象一些常用屬性、事件和方法大小寫比較常見的問題總結
淺析IE針對Ajax請求結果的緩存問題
Ajax實現模擬關鍵字智能匹配搜索效果
ajax異步處理POST表單中的數據示例代碼
JavaEE 不再需要Ajax
圖文解析AJAX的原理
AJAX根據城市名，自動完成相應的城市信息
大家都在看
解析谷歌將網頁加載速度快慢作為影響排名重要因素
DIV+CSS網頁布局對於網站的好處
nodejs調試cmd命令實現復制目錄
HTML5語義化標簽和基於HTML5的Web App
Javascript中 關於prototype屬性實現繼承的原理圖
論CSS選擇器的浏覽器支持
Javascript 實現簡單計算器實例代碼
分享9點個人認為比較重要的javascript 編程技巧
XML學習教程
|
jQuery入門知識
|
AJAX入門
|
Dreamweaver教程
|
Fireworks入門知識
|
SEO技巧
|
SEO優化集錦
|
Copyright ©
DIV+CSS佈局教程網
All Rights Reserved