搜索
您的当前位置:首页正文

基于jquery1.4.2的仿flash超炫焦点图播放效果_jquery

2023-12-02 来源:字库网
好嘞!废话不多说!Code贴上!哪位高手有更好的方式可以多多指点! CSS Code 代码如下: /* * images player * author:mr·zhong * date:2010-04-19 */ #playerBox{ width:305px; height:282px; border:1px solid #ccc; } #playerImage ul{ padding:0px; margin:0px; border:0px; list-style:none; position:absolute; } #playerImage ul li{ padding:0px; margin:0px; border:0px; list-style:none; position:absolute; } #playerImage li img{ width:305px; height:282px; border:0px; } #playerNavAndTitle{ z-index:10; position:absolute; height:50px; width:305px; background-color:#000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } #playerNavAndTitle #playerTitle{ width:auto; height:20px; line-height:30px; text-indent:10px; } #playerNavAndTitle #playerTitle a{ color:#FFFFFF; text-decoration:none; font-weight:bold; position:absolute; font-size:15px; font-family:宋体; } #playerNavAndTitle #playerTitle a:hover { color:Yellow; } #playerNavAndTitle #playerNav{ float:right; text-align:right; } #playerNavAndTitle #playerNav a{ float:left; display:block; background-color:#CC3300; border:1px solid #fff; width:15px; height:15px; margin:5px 5px; text-align:center; line-height:15px; text-decoration:none; color:#FFFFFF; cursor:pointer; font-family:宋体; } #playerNavAndTitle #playerNav .hover{ background-color:#FFFFFF; border:1px solid #cc3300; color:#CC3300; float:left; display:block; width:15px; height:15px; margin:5px 5px; text-align:center; line-height:15px; text-decoration:none; cursor:pointer; font-family:宋体; } HTML Code 代码如下:
  • 测试一 测试二 测试三 测试四 测试五 JS Code 代码如下: /* * images player * author:mr·zhong * date:2010-04-19 */ //当前导航页码数字 var currentPage = 1; //图片间隔时间 var playerTime = 3000; jquery(function(){ SetPlayerNavPosition(); OnLoadingImages(); OnLoadingLinks(); setInterval("Player()",playerTime); }); /* * 图片播放方法 */ function Player(){ PageClick(jquery("#page_" + currentPage)); if(currentPage == jquery("#playerNav a").length) currentPage = 1; else currentPage++; } /* * 创建图片页码·并绑定页码的click事件 * count:需要创建页面的个数 */ function CreatePageNberObj(count){ var pages = ''; for(var i = 1; i <= (count - 1); i++){ pages += '' + i + ''; } jquery("#playerNav").html(pages); for(var i = 1; i <= count; i++){ BindPageClick("page_" + i); } } /* * 加载图片集·并为图片设定唯一ID,最后显示一张隐藏其它 */ function OnLoadingImages(){ var li_id = 1; jquery("#playerImage li").each(function(){ jquery(this).attr("id","play_img_" + li_id); if(li_id > 1){ SetImageShowOrHide(jquery(this),false); } li_id++; }); } /* * 加载图片相对应链接集·并为链接设定唯一ID,最后显示对相应的链接隐藏其它 */ function OnLoadingLinks(){ var a_id = 1; jquery("#playerTitle a").each(function(){ jquery(this).attr("id","link_" + a_id); if(a_id > 1){ SetImageShowOrHide(jquery(this),false); } a_id++; }); CreatePageNberObj(a_id); } /* * 绑定图片页码的click事件底层方法 */ function BindPageClick(id){ jquery("#" + id).click(function(){ PageClick(jquery(this)); }); } /* * 图片页码Click处理方法 * obj:当前页码元素对象 */ function PageClick(obj){ var id = obj.attr("idx"); //当页码在自动播放的时候点击了某个页码数字必须再重新赋值给当前的currentPage记录器 currentPage = id; //设置所有页码样式为默认 jquery("#playerNav a").removeClass("hover"); //设置当前选中的页码数字为指定的颜色 SetPageColor(obj,true); //显示或隐藏图片 jquery("#playerImage li").each(function(){ if(jquery(this).attr("id") == ("play_img_" + id)){ SetImageShowOrHide(jquery(this),true); }else{ SetImageShowOrHide(jquery(this),false); } }); //显示或隐藏文字链 jquery("#playerTitle a").each(function(){ if(jquery(this).attr("id") == ("link_" + id)){ SetImageShowOrHide(jquery(this),true); }else{ SetImageShowOrHide(jquery(this),false); } }); } /* * 设置指定的元素或图片显示或不隐藏 * obj:需要隐藏的元素 * isShow:显示or隐藏 */ function SetImageShowOrHide(obj,isShow){ if(!isShow){ obj.fadeOut(1000); }else{ obj.fadeIn(2000); } } /* * 设置指定的图片页码样式 * obj:需要设置的元素 * isSelect:是否选中 */ function SetPageColor(obj,isSelect){ if(!isSelect){ obj.removeClass("hover"); }else{ obj.addClass("hover"); } } /* * 设置图片数字链接和图片标题DIV位置 */ function SetPlayerNavPosition(){ var offset = jquery("#playerBox").offset(); var boxHeight = jquery("#playerBox").height(); var navHeight = jquery("#playerNavAndTitle").height(); jquery("#playerNavAndTitle").css({ top:(offset.top + boxHeight - navHeight) + 1 + "px", left:offset.left + 1 + "px" }); } 演示地址下载地址

    小编还为您整理了以下内容,可能对您也有帮助:

    jquery图片轮播思路

    使用jQuery做轮播图是网页特效中很常见的一个特效。

    工具原料:编辑器、浏览器、jQuery

    1、实现的总体思路:

    首先是初始化部分:将除了第一张轮播图片意外的图片都隐藏,并且隐藏向前、向后按钮,使第一个索引按钮处于激活状态。

    2、实现的具体事件处理思路:

    事件部分:通过jquery的hover()绑定鼠标上悬以及离开时的事件处理, jquery的bind()方法绑定鼠标点击事件处理向前、向后翻动、轮播控制:pre(), next(), play(), start()开始自动轮播,stop()停止自动轮播。

    3、简单的代码示例如下:

    <!DOCTYPE html> 

    <html> 

    <head> 

    <meta charset="UTF-8"> 

    <title>jquery轮播效果图 </title> 

    <script type="text/javascript" src="scripts/jquery-1.9.1.js"></script> 

    <style type="text/css"> 

     * { 

     padding: 0px; 

     margin: 0px; 

     } 

     a { 

     text-decoration: none; 

     } 

     ul { 

     list-style: outside none none; 

     } 

     .slider, .slider-panel img, .slider-extra { 

     width: 650px; 

     height: 413px; 

     } 

     .slider { 

     text-align: center; 

     margin: 30px auto; 

     position: relative; 

     } 

     .slider-panel, .slider-nav, .slider-pre, .slider-next { 

     position: absolute; 

     z-index: 8; 

     } 

     .slider-panel { 

     position: absolute; 

     } 

     .slider-panel img { 

     border: none; 

     } 

     .slider-extra { 

     position: relative; 

     } 

     .slider-nav { 

     margin-left: -51px; 

     position: absolute; 

     left: 50%; 

     bottom: 4px; 

     } 

     .slider-nav li { 

     background: #3e3e3e; 

     border-radius: 50%; 

     color: #fff; 

     cursor: pointer; 

     margin: 0 2px; 

     overflow: hidden; 

     text-align: center; 

     display: inline-block; 

     height: 18px; 

     line-height: 18px; 

     width: 18px; 

     } 

     .slider-nav .slider-item-selected { 

     background: blue; 

     } 

     .slider-page a{ 

     background: rgba(0, 0, 0, 0.2); 

     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000); 

     color: #fff; 

     text-align: center; 

     display: block; 

     font-family: "simsun"; 

     font-size: 22px; 

     width: 28px; 

     height: 62px; 

     line-height: 62px; 

     margin-top: -31px; 

     position: absolute; 

     top: 50%; 

     } 

     .slider-page a:HOVER { 

     background: rgba(0, 0, 0, 0.4); 

     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); 

     } 

     .slider-next { 

     left: 100%; 

     margin-left: -28px; 

     } 

    </style> 

    <script type="text/javascript"> 

     $(document).ready(function() { 

     var length, 

      currentIndex = 0, 

      interval, 

      hasStarted = false, //是否已经开始轮播 

      t = 3000; //轮播时间间隔 

     length = $('.slider-panel').length; 

     //将除了第一张图片隐藏 

     $('.slider-panel:not(:first)').hide(); 

     //将第一个slider-item设为激活状态 

     $('.slider-item:first').addClass('slider-item-selected'); 

     //隐藏向前、向后翻按钮 

     $('.slider-page').hide(); 

     //鼠标上悬时显示向前、向后翻按钮,停止滑动,鼠标离开时隐藏向前、向后翻按钮,开始滑动 

     $('.slider-panel, .slider-pre, .slider-next').hover(function() { 

      stop(); 

      $('.slider-page').show(); 

     }, function() { 

      $('.slider-page').hide(); 

      start(); 

     }); 

     $('.slider-item').hover(function(e) { 

      stop(); 

      var preIndex = $(".slider-item").filter(".slider-item-selected").index(); 

      currentIndex = $(this).index(); 

      play(preIndex, currentIndex); 

     }, function() { 

      start(); 

     }); 

     $('.slider-pre').unbind('click'); 

     $('.slider-pre').bind('click', function() { 

      pre(); 

     }); 

     $('.slider-next').unbind('click'); 

     $('.slider-next').bind('click', function() { 

      next(); 

     }); 

     /** 

      * 向前翻页 

      */

     function pre() { 

      var preIndex = currentIndex; 

      currentIndex = (--currentIndex + length) % length; 

      play(preIndex, currentIndex); 

     } 

     /** 

      * 向后翻页 

      */

     function next() { 

      var preIndex = currentIndex; 

      currentIndex = ++currentIndex % length; 

      play(preIndex, currentIndex); 

     } 

     /** 

      * 从preIndex页翻到currentIndex页 

      * preIndex 整数,翻页的起始页 

      * currentIndex 整数,翻到的那页 

      */

     function play(preIndex, currentIndex) { 

      $('.slider-panel').eq(preIndex).fadeOut(500) 

      .parent().children().eq(currentIndex).fadeIn(1000); 

      $('.slider-item').removeClass('slider-item-selected'); 

      $('.slider-item').eq(currentIndex).addClass('slider-item-selected'); 

     } 

     /** 

      * 开始轮播 

      */

     function start() { 

      if(!hasStarted) { 

      hasStarted = true; 

      interval = setInterval(next, t); 

      } 

     } 

     /** 

      * 停止轮播 

      */

     function stop() { 

      clearInterval(interval); 

      hasStarted = false; 

     } 

     //开始轮播 

     start(); 

     }); 

    </script> 

    </head> 

    <body> 

     <div class="slider"> 

     <ul class="slider-main"> 

      <li class="slider-panel"> 

      <a href="

     title="图片1" src="images/1.jpg"></a> 

      </li> 

      <li class="slider-panel"> 

     <a href="#"><img title="图片2" src="images/1.jpg"></a> 

      </li> 

      <li class="slider-panel"> 

      <a href="#"><img title="图片3" src="images/1.jpg"></a> 

      </li> 

      <li class="slider-panel"> 

     <a href="#"><img title="图片4" src="images/1.jpg"></a> 

      </li> 

     </ul> 

     <div class="slider-extra"> 

      <ul class="slider-nav"> 

      <li class="slider-item">1</li> 

      <li class="slider-item">2</li> 

      <li class="slider-item">3</li> 

      <li class="slider-item">4</li> 

      </ul> 

      <div class="slider-page"> 

      <a class="slider-pre" href="javascript:;;"><</a> 

      <a class="slider-next" href="javascript:;;">></a> 

      </div> 

     </div> 

     </div> 

    </body> 

    </html>

    什么是焦点图

    焦点图,又叫幻灯片,一般是处于网页导航(nav)底部的图片切换效果。一般由超过两张以上的图片组成,或左右,或上下切换。焦点图就是图片广告切换展示效果。

    在网站很明显的位置,用图片组合播放的形式,类似焦点新闻的意思只不过加上了图片。一般多网站首页版面或频道首页版面,因为是通过图片的形式,所以有一定的吸引性、视觉吸引性。

    容易引起访问者的点击,据国外的设计机构调查统计,网站焦点图的点击率明显高于纯文字,转化率高于使用在文字标题5倍。

    扩展资料:

    焦点图的种类:

    1、js焦点图,使用原生态的js代码实现的焦点图。样式相对单一,如借助css可实现多样的风格。

    2、flash焦点图,看名字就可以理解,使用flash设计或用flash as编程设计的焦点图。该焦点图优点是字体展现效果佳,比纯网页形式更具有美感。不利于SEO与引擎的抓取。

    3、css焦点图,不难理解网页设计现在流程div+css设计,css焦点图就是这样而来的,很多情况下需要结合js代码实现。

    4、多屏焦点图,就是多个图品轮番显示的焦点图,基本焦点图都是这种形式的。

    5、jquery焦点图,现在很流程的实现方式,逐步取代js原生态的焦点图,因为jquery焦点图的代码书写简单,借助jquery的类库很容易实现常见的js焦点图效果。而且代码少。不过需要有一定的网页设计基础。

    参考资料:百度百科-网站焦点图·

    40款经典前端特效插件---分享

    本文汇总介绍了24款本年度热门实用的jQuery插件,使用得当的话,可以大大降低项目的开发难度,这里推荐给大家。

    Vanity Toolset

    vanity toolset是一套方便的UI工具集,可以帮助你快速的搭建幻灯,聚光灯,占位,收放相关的UI,它完成了大部分的UI功能,你只需要花费很少时间就可以构建一个完整功能的UI

    percentageloader

    这个漂亮的进度条插件可以帮助你快速构建一个功能丰富的加载条,让你的界面不在千篇一律。

    Blur.JS

    一个帮助你创建元素透明效果的jQuery插件。

    GIPS

    一个超干净整洁的工具提示jQuery插件,基于Gips的免费素材

    NESTABLE

    一个帮助你实现层次拖放列表的jQuery插件

    NOTIFY

    一个实现通知的jQuery插件,可以快速简单的帮助你添加简单的提示通知

    HAMMER.js

    一个帮助你更好的支持触摸设备的jQuery插件

    TYPEBUTTER

    允许你针对任意字体设置光学字偶距(Optical Kerning)(注:光学字偶距可以调整单词间的间距)

    WEBSANOVA PAINT

    一个jQuery画图的应用,可以让你保存你的涂鸦

    IPICTURE

    以帮助你通过添加描述来创建互动图片的jQuery插件

    ADIPOLI

    一个帮助你创建各种不同悬浮效果的jQuery插件

    THE WOOKMARK JQUERY PLUGIN

    一个仿制wookmark.com的网格布局jQuery插件,它可以帮助你动态的布局列元素

    Pageguide.js

    一个帮助你创建友好的用户使用指南的jQuery插件

    使用 jQuery 和CSS实现的放大镜效果

    简单而惊人的CSS3边框过渡效果

    CSS3中的手风琴风格滑块

    使用jQuery和CSS3的组合翻转滑块

    用CSS3 3D变换显示产品信息

    创意CSS3的动画菜单

    实验CSS3的动画图像转换

    3D缩略图悬停效果

    CSS3和jQuery的样书

    使用CSS 3D创建变换卡图片廊

    CSS3和jQuery制作的模糊效果

    40款经典前端特效插件---分享

    本文汇总介绍了24款本年度热门实用的jQuery插件,使用得当的话,可以大大降低项目的开发难度,这里推荐给大家。

    Vanity Toolset

    vanity toolset是一套方便的UI工具集,可以帮助你快速的搭建幻灯,聚光灯,占位,收放相关的UI,它完成了大部分的UI功能,你只需要花费很少时间就可以构建一个完整功能的UI

    percentageloader

    这个漂亮的进度条插件可以帮助你快速构建一个功能丰富的加载条,让你的界面不在千篇一律。

    Blur.JS

    一个帮助你创建元素透明效果的jQuery插件。

    GIPS

    一个超干净整洁的工具提示jQuery插件,基于Gips的免费素材

    NESTABLE

    一个帮助你实现层次拖放列表的jQuery插件

    NOTIFY

    一个实现通知的jQuery插件,可以快速简单的帮助你添加简单的提示通知

    HAMMER.js

    一个帮助你更好的支持触摸设备的jQuery插件

    TYPEBUTTER

    允许你针对任意字体设置光学字偶距(Optical Kerning)(注:光学字偶距可以调整单词间的间距)

    WEBSANOVA PAINT

    一个jQuery画图的应用,可以让你保存你的涂鸦

    IPICTURE

    以帮助你通过添加描述来创建互动图片的jQuery插件

    ADIPOLI

    一个帮助你创建各种不同悬浮效果的jQuery插件

    THE WOOKMARK JQUERY PLUGIN

    一个仿制wookmark.com的网格布局jQuery插件,它可以帮助你动态的布局列元素

    Pageguide.js

    一个帮助你创建友好的用户使用指南的jQuery插件

    使用 jQuery 和CSS实现的放大镜效果

    简单而惊人的CSS3边框过渡效果

    CSS3中的手风琴风格滑块

    使用jQuery和CSS3的组合翻转滑块

    用CSS3 3D变换显示产品信息

    创意CSS3的动画菜单

    实验CSS3的动画图像转换

    3D缩略图悬停效果

    CSS3和jQuery的样书

    使用CSS 3D创建变换卡图片廊

    CSS3和jQuery制作的模糊效果

    jquery-1.4.2.min.js文件有什么用途?

    不管是1.4.2还是jQuery以后的版本,都是用js封装的功能库,方便开发者使用。下面是就jQuery的具体作用:x0dx0a1 、取得页面中的元素。如果不使用JavaScript 库,遍历DOM (Document Object Model ,文档对象模型)树,以及查找HTML 文档结构中某个特殊的部分,必须编写很多行代码。jQuery 为准确地获取需要检查或操纵的文档元素,提供了可靠而富有效率的选择符机制。x0dx0a2 、修改页面的外观。CSS 虽然为影响文档呈现的方式提供了一种强大的手段,但当所有浏览器不完全支持相同的标准时,单纯使用CSS 就会显得力不从心。 jQuery 可以弥补这一不足,它提供了跨浏览器的标准解决方案。而且,即使在页面已经呈现之后,jQuery 仍然能够改变文档中某个部分的类或者个别的 样式属性。x0dx0a3 、改变页面的内容。jQuery 能够影响的范围并不局限于简单的外观变化,使用少量的代码,jQuery 就能改变文档的内容。可以改变文本、插入或翻转图像、对列表重新排序,甚至,对HTML 文档的整个结构都能重写和扩充——所有这些只需一个简单易用的API 。x0dx0a4 、响应用户的页面操作。即使是最强大和最精心设计的行为,如果我们无法控制它何时发生,那它也毫无用处。jQuery 提供了截取形形色色的页面事件 (比如用户单击一个链接)的适当方式,而不需要使用事件处理程序搞乱HTML代码。此外,它的事件处理API 也消除了经常困扰Web 开发人员的浏览器不一 致性。x0dx0a5 、为页面添加动态效果。为了实现某种交互式行为,设计者也必须向用户提供视觉上的反馈。jQuery 中内置的一批淡入、擦除之类的效果,以及制作新效果的工具包,为此提供了便利。x0dx0a6 、无需刷新页面即可从服务器获取信息。这种编程模式就是众所周知的AJAX (Asynchronous JavaScript and XML ,异步JavaScript 和XML ),它能辅助Web 开发人员创建出反应灵敏、功能丰富的网站。jQuery 通过消除这一过程中的浏览器特定的复 杂性,使开发人员得以专注于服务器端的功能设计。

    jquery-1.4.2.min.js文件有什么用途?里面的代码都有什么用途?

    jquery-1.4.2.min.js为JQuery库,版本号为1.4.2,min表明该版本为压缩版,去除了空白字符及注释,并对代码进行了变量、函数名压缩优化等,适合用于生产环境。

    JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写得更少,做得更多)。

    JQuery的作用:

    主要用于兼容个浏览器的JavaScript用法,只需要使用jQuery中指定的方法即可实现在各主流浏览器中同时兼容,能够让开发人员关注业务的开发而不必关心JavaScript的兼容性问题。

    常见的几类如下:

      选择器:用于选取特定的一个或多个dom节点

      属性/CSS:用于改变dom的属性值及一些JavaScript控制的样式

      dom操作:如对dom节点的增删查改

      遍历:对dom树、数组、其他可遍历的类型进行遍历操作

      事件:兼容各浏览器的事件调用,及自定义的事件等

      效果:如JavaScript动画等

      Ajax:统一各浏览器的Ajax请求的用法

    JQuery提供了上百个函数,提高了开发的效率,方便开发者在不同浏览器下使用相同的一套代码实现指定业务功能。

    本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

    上一篇:

    下一篇:

    热门图文

    • 出见盖有由的上一句 出见盖有由的上一句是什么

      出见盖有由的上一句:坡陀金虾蟆。出见盖有由的上一句:坡陀金虾蟆。诗词名称:《奉同郭给事汤东灵湫作(骊山温汤之东有龙湫)》。本名:杜甫。别称:杜少陵、杜工部、杜拾遗、杜草堂、老杜、诗圣。字号:字子美,自号少陵野老。所处时代:唐代。民族族群:汉族。出生地:河南巩县(今河南巩义)。出生时间:先天元年(712年)。去世时间:大历五年(770年)冬。主要作品:《春望》《闻官军收河南河北》《江南逢李龟年》《恨别》《古柏行》等。主要成就:唐代伟大的现实主义文学作家,唐诗思想艺术的集大成者。我们为您从以下几个方面提供“出见盖有由”的详细介绍。一、《奉同郭给事汤东灵湫作(骊山温汤之东有龙湫)》的全文 点此查看《奉同郭给事汤东灵湫作(骊山温汤之东有龙湫)》的详细内容。东山气鸿濛,宫殿居上头。

    • 坡陀金虾蟆的上一句 坡陀金虾蟆的上一句是什么

      坡陀金虾蟆的上一句:古先莫能俦。坡陀金虾蟆的上一句:古先莫能俦。诗词名称:《奉同郭给事汤东灵湫作(骊山温汤之东有龙湫)》。本名:杜甫。别称:杜少陵、杜工部、杜拾遗、杜草堂、老杜、诗圣。字号:字子美,自号少陵野老。所处时代:唐代。民族族群:汉族。出生地:河南巩县(今河南巩义)。出生时间:先天元年(712年)。去世时间:大历五年(770年)冬。主要作品:《春望》《闻官军收河南河北》《江南逢李龟年》《恨别》《古柏行》等。主要成就:唐代伟大的现实主义文学作家,唐诗思想艺术的集大成者。我们为您从以下几个方面提供“坡陀金虾蟆”的详细介绍。一、《奉同郭给事汤东灵湫作(骊山温汤之东有龙湫)》的全文 点此查看《奉同郭给事汤东灵湫作(骊山温汤之东有龙湫)》的详细内容。东山气鸿濛,宫殿居上头。

    • 古先莫能俦的上一句 古先莫能俦的上一句是什么

      古先莫能俦的上一句:百祥奔盛明。古先莫能俦的上一句:百祥奔盛明。诗词名称:《奉同郭给事汤东灵湫作(骊山温汤之东有龙湫)》。本名:杜甫。别称:杜少陵、杜工部、杜拾遗、杜草堂、老杜、诗圣。字号:字子美,自号少陵野老。所处时代:唐代。民族族群:汉族。出生地:河南巩县(今河南巩义)。出生时间:先天元年(712年)。去世时间:大历五年(770年)冬。主要作品:《春望》《闻官军收河南河北》《江南逢李龟年》《恨别》《古柏行》等。主要成就:唐代伟大的现实主义文学作家,唐诗思想艺术的集大成者。我们为您从以下几个方面提供“古先莫能俦”的详细介绍。一、《奉同郭给事汤东灵湫作(骊山温汤之东有龙湫)》的全文 点此查看《奉同郭给事汤东灵湫作(骊山温汤之东有龙湫)》的详细内容。东山气鸿濛,宫殿居上头。

    • 百祥奔盛明的上一句 百祥奔盛明的上一句是什么

      百祥奔盛明的上一句:曾祝沈豪牛。百祥奔盛明的上一句:曾祝沈豪牛。诗词名称:《奉同郭给事汤东灵湫作(骊山温汤之东有龙湫)》。本名:杜甫。别称:杜少陵、杜工部、杜拾遗、杜草堂、老杜、诗圣。字号:字子美,自号少陵野老。所处时代:唐代。民族族群:汉族。出生地:河南巩县(今河南巩义)。出生时间:先天元年(712年)。去世时间:大历五年(770年)冬。主要作品:《春望》《闻官军收河南河北》《江南逢李龟年》《恨别》《古柏行》等。主要成就:唐代伟大的现实主义文学作家,唐诗思想艺术的集大成者。我们为您从以下几个方面提供“百祥奔盛明”的详细介绍。一、《奉同郭给事汤东灵湫作(骊山温汤之东有龙湫)》的全文 点此查看《奉同郭给事汤东灵湫作(骊山温汤之东有龙湫)》的详细内容。东山气鸿濛,宫殿居上头。

    • 曾祝沈豪牛的上一句 曾祝沈豪牛的上一句是什么

      曾祝沈豪牛的上一句:鲛人献微绡。曾祝沈豪牛的上一句:鲛人献微绡。诗词名称:《奉同郭给事汤东灵湫作(骊山温汤之东有龙湫)》。本名:杜甫。别称:杜少陵、杜工部、杜拾遗、杜草堂、老杜、诗圣。字号:字子美,自号少陵野老。所处时代:唐代。民族族群:汉族。出生地:河南巩县(今河南巩义)。出生时间:先天元年(712年)。去世时间:大历五年(770年)冬。主要作品:《春望》《闻官军收河南河北》《江南逢李龟年》《恨别》《古柏行》等。主要成就:唐代伟大的现实主义文学作家,唐诗思想艺术的集大成者。我们为您从以下几个方面提供“曾祝沈豪牛”的详细介绍。一、《奉同郭给事汤东灵湫作(骊山温汤之东有龙湫)》的全文 点此查看《奉同郭给事汤东灵湫作(骊山温汤之东有龙湫)》的详细内容。东山气鸿濛,宫殿居上头。

    Top