DIV CSS 佈局教程網
設為首頁
加入收藏
首頁
HTML基礎知識
CSS入門知識
JavaScript入門知識
DIV+CSS佈局
WEB網站前端
網頁腳本
網頁SEO優化
網頁制作工具
DIV+CSS佈局教程網
>>
網頁腳本
>>
JavaScript入門知識
>>
jQuery入門知識
>>
JQuery特效代碼
>> jquery toggle faq 春江花月夜版
jquery toggle faq 春江花月夜版
編輯：JQuery特效代碼
<!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=utf-8" /> <title>豪情</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><style> dt{cursor:pointer;font-weight:bold;line-height:26px;color:#53AEF8;} dd{line-height:23px;} p{line-height:23px;margin:0;padding:0;} </style> <script> $(function(){ $('#faq').find('dd').hide().end().find('dt').click(function(){ $(this).next().slideToggle(); }); }); </script></head> <body> <dl id="faq"> <dt>+ 春江花月夜</dt> <dd>春江花月夜，中國唐代詩人張若虛僅存的一首名詩，描繪春天夜晚江畔的景色，詞句優美，被稱為是"孤篇蓋全唐"的傑作，聞一多稱之為："這是詩中的詩，頂峰上的頂峰。"。該詩曾被中國當代著名音樂家彭修文改編為民族管弦樂曲，並因此廣為流傳。</dd> <dt>+ 春江花月夜（其一）</dt> <dd> <p>春江潮水連海平，海上明月共潮生。滟滟隨波千萬裡，何處春江無月明。</p> <p>江流宛轉繞芳甸，月照花林皆似霰。空裡流霜不覺飛，汀上白沙看不見。</p> <p>江天一色無纖塵，皎皎空中孤月輪。江畔何人初見月？江月何年初照人？</p> <p>人生代代無窮已，江月年年只相似。不知江月待何人，但見長江送流水。</p> <p>白雲一片去悠悠，青楓浦上不勝愁。誰家今夜扁舟子？何處相思明月樓？</p> <p>可憐樓上月徘徊，應照離人妝鏡台。玉戶簾中卷不去，搗衣砧上拂還來。</p> <p>此時相望不相聞，願逐月華流照君。鴻雁長飛光不度，魚龍潛躍水成文。</p> <p>昨夜閒潭夢落花，可憐春半不還家。江水流春去欲盡，江潭落月復西斜。</p> <p>斜月沉沉藏海霧，碣石潇湘無限路。不知乘月幾人歸，落月搖情滿江樹。</p> </dd> <dt>+ 典故解釋：</dt> <dd>【鴻雁長飛光不度／魚龍潛躍水成文】 在中國古代，"魚雁"和"書信"有著密切的淵源，古稱信使為"魚雁"，也叫"鴻鱗"。古詩文中留有許多記載，如"關山夢魂長，魚雁音塵少"、"魚書欲寄何由達？水遠山長處處同"等，唐代著名詩人王昌齡詩中也有"手攜雙鯉魚，目送千裡雁"的句子。因為傳說古代剖鯉魚時，看見魚肚裡有書信——漢樂府《飲馬長城窟行》中有"客從遠方來，遺我雙鯉魚。呼兒烹鯉魚，中有尺素書"——後來人們便把書信叫做"魚書"了。而鴻雁是候鳥，往返有期，故人們想象鴻雁能傳遞音訊，因而書信又被稱作"飛鴻"、"鴻書"等。《漢書·蘇武傳》載："教使者謂單於，言天子射上林中，得雁，足有系帛書。"說的是漢武帝時，蘇武奉命出使匈奴，被囚胡地19年，矢志不變。他後來得以歸漢，主要是因為匈奴單於相信漢使所說鴻雁傳書上林苑，被漢昭帝射獲，確知蘇武在北海牧羊。匈奴單於無奈，只得放回蘇武，"鴻雁傳書"一時傳為美談。由於這種淵源，"魚雁"成為了中國早期郵政的象征，如同歐洲一些國家早期郵政以牛號角、牛角頭為標志一般。 本詩中這兩句其實就是借取"魚雁"這兩個典故而化用到春天江濱景物中的。"鴻雁長飛光不度"，是說傳遞書信的鴻雁已經早就遠遠地飛走了，而月光又不能渡過，因而也就不能替我傳遞音信。"魚龍潛躍水成文"，指傳遞書信的魚龍（這裡偏指魚）也躍入到幽暗的水底藏了起來，看不見了，只剩下水面的波紋而已，意思還是指找不到傳遞音信的辦法。</dd> </dl> </body> </html>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
上一頁:
jquery 實現的改變顏色與背景的代碼 change(fontsize,background)補充2
下一頁:
基於jquery的一個簡單的腳本驗證插件
JQuery特效代碼
jQuery插件開發詳細教程
擴展jQuery插件和方法的作用是非常強大的，它可以節省大量開發時間。這篇文章將概述jQuery插件
jquery二級導航內容均分的原理及實現
這個是去年做過的一個項目中的算法，個人感覺還可以，所以拿出來分享下。 背景：頭部導航二級導航有些內容
jquery中this的使用說明
原來js中的this這麼好用 代碼如下:$(document).ready(function(){
相關文章
用vue實現簡單實時匯率計算功能
jquery中attr和prop的區別
jquery操作復選框(checkbox)的12個小技巧總結
jquery 單引號和雙引號的區別及使用注意
jQuery DOM 操作（基本操作、內部插入、外部插入、包裹操作）
使用js和jquery獲取url及url參數的方法
jqueryUI部件庫的優缺點
jQuery+CSS3實現可拖拽的3D立體圖片展示環
HTML5+jQuery實現全屏煙花特效
jquery ui打開url網址的對話框
jQuery基礎知識
JQuery入門技巧
JQuery特效代碼
JQuery常見問題
小編推薦
jquery 常用操作整理 基礎入門篇
jquery的Tooltip插件 qtip使用詳細說明
jquery自定義滾動條插件示例分享
JQuery小知識
jquery利用命名空間移除綁定事件的方法教程
基於jquery實現拆分姓名的方法(純JS版)
jquery得到font-size屬性值實現代碼
改善你的jQuery的25個步驟 千倍級效率提升
jquery插件實現鼠標經過圖片右側顯示大圖的效果(類似淘寶)
jQuery基本過濾選擇器使用介紹
熱門推薦
jquery插件lazyload.js延遲加載圖片的使用方法
Jquery EasyUI的添加，修改，刪除，查詢等基本操作介紹
基於jQuery的Spin Button自定義文本框數值自增或自減
從JQuery源碼分析JavaScript函數的apply方法與call方法
jQuery制作效果超棒的手風琴折疊菜單
使用jQuery.wechat構建微信WEB應用
JS遮罩層效果 兼容ie firefox jQuery遮罩層
jquery中each遍歷對象和數組示例
如何使用jquery動態加載js,css文件實現代碼
大家都在看
原生javaScript實現圖片延時加載的方法
JavaScript中原型鏈存在的問題解析
XMLHttpRequest創建智能表單
html5防止浏覽器假死的方法
兩種js獲取當前域名代碼
JS數字千分位格式化實現方法總結
通俗易懂------this指向
仿Office 2003的工具條
XML學習教程
|
jQuery入門知識
|
AJAX入門
|
Dreamweaver教程
|
Fireworks入門知識
|
SEO技巧
|
SEO優化集錦
|
Copyright ©
DIV+CSS佈局教程網
All Rights Reserved