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

JS点击灯泡点亮或熄灭的网页特效_html/css

2023-11-28 来源:学路情感网

JS点击灯泡点亮或熄灭的网页特效 我们开始解释JS在HTML中作用。对于因特网和视窗操作系统,JavaScript都意味着未来。 (1)JavaScript:写入HTML输出 实例代码:

  JS作用 

JavaScript 能够直接写入HTML

输出流中:

输出流中使用 document.write。 如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档。

运行结果为: 提示:您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法,会覆盖整个文档。 (2)JavaScript:对事件作出反应 实例代码:
  JS作用 我的第一段 JavaScript 

JavaScript 能够对事件作出反应。比如对按钮的点击:

点击这里
点击按钮之后: alert() 函数在 JavaScript 中并不常用,但它对于代码测试非常方便。onclick 事件只是您即将在本教程中学到的 众多事件之一。 (3)JavaScript:改变HTML内容 使用JavaScript来处理HTML内容是非常强大的功能。 实例代码:
  JS作用 我的第一段 JavaScript 

JavaScript能改变HTML元素的内容。

点击之前: 点击之后: 您会经常看到 document.getElementByID("some id")。这个方法是 HTML DOM 中定义的。DOM(文档对象模 型)是用以访问HTML元素的正式 W3C 标准。 (4)JavaScript:改变HTML图像 本例会动态地改变HTML的来源(src): The Light bulb 点击灯泡就可以打开或关闭这盏灯 实例代码:
  JS作用 
未点击之前: 点击之后: 再次点击之后: JavaScript能够改变任意HTML元素的大多数属性,而不仅仅是图片。这是最炫酷的一个实例,也是经典的样 例!! (5)JavaScript:改变HTML样式 改变HTML元素的样式,属于改变HTML属性的变种。 实例代码:
  JS作用 我的第一段 JavaScript 

JavaScript 能改变HTML元素的样式。

运行结果为: 点击按钮后: (7)JavaScript:验证输入 JavaScript 常用于验证用户的输入。 实例代码:
  JS作用 我的第一段 JavaScript 

请输入数字。如果输入值不是数字,浏览器会弹出提示框。

输入lian之后的结果为: (7)操作HTML元素 如需从JavaScript访问某个HTML元素,您可以使用 document.getElementById(id) 方法。 请使用 "id" 属性来标识 HTML 元素: 例子:通过指定的 id 来访问 HTML 元素,并改变其内容:
  JS作用 My First Web Page 

My First Paragraph

运行的结果为:

JavaScript由web浏览器来执行。在这种情况下,浏览器将访问 id="demo" 的 HTML 元素,并把它的内容 (innerHTML)替换为 "My First JavaScript"。 (8)警告 请使用 document.write() 仅仅向文档输出写内容。 如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖: 实例代码:
  JS作用 My First Web Page 

My First Paragraph.

点击这里
点击按钮之后: 原文: http://blog.csdn.net/erlian1992/article/details/49911787

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

HTML中css和js有什么区别?

HTML,CSS,JavaScript 分别是什么?

    HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

    CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

    JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。

一、HTML—Hypertext Markup Language。
结构(structure)——决定网页的结构及内容,即“显示哪些内容”
超文本标记语言。它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(比如文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容。

HTML文本中包含了所谓的“链接点”HTML利用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。总的来说,HTML就是整合网页结构和内容显示的一种语言。

二,CSS—Cascading Style Sheet,
表现(presentation)——设计网页的表现样式,即“如何显示有关内容”
层叠样式表单。是将样式信息与网页内容分离的一种标记语言。我们在牛腩新闻发布系统中,我们使用过CSS文件,对一些标签的样式进行修改。

我们使用CSS为每个HTML元素定义样式,也可以用于多个界面。进行全局更新时,只需修改样式即可。

body { border :1px solid #000;/整体的边框/ font-size :14px; }

CSS就是设置网页上HTML元素属性的语言。
3、Javascript
行为(behavior)——控制网页的行为(效果),即“内容应该如何对事件做出反应”
Java是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象,与Web客户交互作用。例如可以设置鼠标悬停效果,在客户端验证表单,创建定制的HTML页面,显示警告框,设置cookie等等。
function jsHello{ alert(‘Hello World!’); }

把代码嵌入HTML语言中,它会在加载时弹出一个“Hello World”对话框。

HTML中css和js有什么区别?

HTML,CSS,JavaScript 分别是什么?

    HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

    CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

    JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。

一、HTML—Hypertext Markup Language。
结构(structure)——决定网页的结构及内容,即“显示哪些内容”
超文本标记语言。它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(比如文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容。

HTML文本中包含了所谓的“链接点”HTML利用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。总的来说,HTML就是整合网页结构和内容显示的一种语言。

二,CSS—Cascading Style Sheet,
表现(presentation)——设计网页的表现样式,即“如何显示有关内容”
层叠样式表单。是将样式信息与网页内容分离的一种标记语言。我们在牛腩新闻发布系统中,我们使用过CSS文件,对一些标签的样式进行修改。

我们使用CSS为每个HTML元素定义样式,也可以用于多个界面。进行全局更新时,只需修改样式即可。

body { border :1px solid #000;/整体的边框/ font-size :14px; }

CSS就是设置网页上HTML元素属性的语言。
3、Javascript
行为(behavior)——控制网页的行为(效果),即“内容应该如何对事件做出反应”
Java是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象,与Web客户交互作用。例如可以设置鼠标悬停效果,在客户端验证表单,创建定制的HTML页面,显示警告框,设置cookie等等。
function jsHello{ alert(‘Hello World!’); }

把代码嵌入HTML语言中,它会在加载时弹出一个“Hello World”对话框。

JS加HTML加CSS怎么制作红绿灯倒计时?

倒计时主要用到的知识点:1、设置时间间隔的setInterval可以被clearInterval取消

2、毫秒转换为时分格式

这个是效果图   

下面是js中的函数

var shijian=3600; var time=null; function start(){ time=setInterval("count()",1000);//返回值time只是为了需要暂停的时候clearInterval(time)清除时间间隔 } function count(){ if(shijian<0){ alert("time out"); pause();//一般情况下这个if条件是用来提交数据用的,这里只是测试一下。 }else{ $("#time p").html(Math.floor(shijian/60)+":"+shijian%60);//这里用到将毫秒转换到时分格式 shijian--; console.info(time); } } function pause(){ clearInterval(time); } function goOn(){ time = setInterval("count()",1000);//重新设置时间间隔 }

第二个是html资源,为了方便我css直接写在html中了

<!doctype html><html><head> <meta charset="UTF-8"> <title>Document</title> <script src="1.js"></script> <script src="jquery-1.8.3.min.js"></script> <style type="text/css"> input{ background-color: #9fc5f1; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size:14px; font-weight: bold; } #time p{ color: #1f6dc2; font-size: 48px; font-weight: bold; margin-left:90px; margin-bottom:0px; } </style> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"><body><div id="time"> <p>00:00</p> <input type="button" value="开始" onclick="start()"/> <input type="button" value="暂停" onclick="pause()"/> <input type="button" value="继续" onclick="goOn()"/></div></body></html>

JS加HTML加CSS怎么制作红绿灯倒计时?

倒计时主要用到的知识点:1、设置时间间隔的setInterval可以被clearInterval取消

2、毫秒转换为时分格式

这个是效果图   

下面是js中的函数

var shijian=3600; var time=null; function start(){ time=setInterval("count()",1000);//返回值time只是为了需要暂停的时候clearInterval(time)清除时间间隔 } function count(){ if(shijian<0){ alert("time out"); pause();//一般情况下这个if条件是用来提交数据用的,这里只是测试一下。 }else{ $("#time p").html(Math.floor(shijian/60)+":"+shijian%60);//这里用到将毫秒转换到时分格式 shijian--; console.info(time); } } function pause(){ clearInterval(time); } function goOn(){ time = setInterval("count()",1000);//重新设置时间间隔 }

第二个是html资源,为了方便我css直接写在html中了

<!doctype html><html><head> <meta charset="UTF-8"> <title>Document</title> <script src="1.js"></script> <script src="jquery-1.8.3.min.js"></script> <style type="text/css"> input{ background-color: #9fc5f1; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size:14px; font-weight: bold; } #time p{ color: #1f6dc2; font-size: 48px; font-weight: bold; margin-left:90px; margin-bottom:0px; } </style> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"><body><div id="time"> <p>00:00</p> <input type="button" value="开始" onclick="start()"/> <input type="button" value="暂停" onclick="pause()"/> <input type="button" value="继续" onclick="goOn()"/></div></body></html>

js+CSS 如何实现调灯泡颜色和亮度

是只有灯泡吗?
我的思路是:整个调节区间的值为0-1;然后根据这个区间的值去设置灯泡图片的opacity透明度,具体的区间值,肯定不可能是等于0的,因为等于0那就是直接隐藏了,具体效果需要你调试才更直观;若会伴随颜色的变化的话,那就要根据区间值的某个临界点来切换图片了。

建议:多动手去调试,不要怕不行,试过了,总结经验,为什么不行?如是思路问题,那就调整思路,如果就差一点点,那就攻破那一点点

js+CSS 如何实现调灯泡颜色和亮度

是只有灯泡吗?
我的思路是:整个调节区间的值为0-1;然后根据这个区间的值去设置灯泡图片的opacity透明度,具体的区间值,肯定不可能是等于0的,因为等于0那就是直接隐藏了,具体效果需要你调试才更直观;若会伴随颜色的变化的话,那就要根据区间值的某个临界点来切换图片了。

建议:多动手去调试,不要怕不行,试过了,总结经验,为什么不行?如是思路问题,那就调整思路,如果就差一点点,那就攻破那一点点

html,css,javascript在制作网页中的作用是什么?三者之间有何种联系?

HTML、 CSS、 JavaScript三者的关系

网页主要由三部分组成: 结构( Structure) 、 表现( Presentation) 和行为( Behavior)

HTML —— 结构, 决定网页的结构和内容( “是什么”)

CSS —— 表现( 样式) , 设定网页的表现样式( “什么样子”)

JavaScript( JS) —— 行为, 控制网页的行为( “做什么”)

一、 HTML语言

1.1什么是HTML语言( HTML概述)

英文全称: Hyper Text Markup Language

中文全称: 超文本标记语言

HTML 语言是制作网页的最基本语言, 并且只能通过web浏览器显示出来。

Hyper( 超) :

用HTML制作的网页可以通过其中的链接从一个网页“跳转”至另一个网页。

Text( 文本) :

HTML是一种文本解释性的程序语言, 即它的源代码将不经过编译而直接在浏览器中运行时被“翻译”。

Markup( 标记) :

HTML的基本规则就是用“标记语言” ---- 成对尖括号组成的标签元素来描述网页内容是如何在浏览器中显示的。

1.2 HTML文档结构

HTML文档一般由两部分组成:

1. 文档所要表达的内容信息( 文字、 图片等) ;

2. 一系列的HTML标签;

1.3 HTML标签

1.3.1 什么是HTML标签

1. HTML标签是用 <> 所括住的指令, 主要分为:

单标签: <起始标签/>

双标签: <起始标签></结束标签>

例如:

<br/>

<div></div>

2. 通常使用的是双标签。 有一个起始标签就对应有一个结束标签。 标签内容写在起始标签和结束标签之间。

<div>标签内容</div>

3. 在元素的起始标签中, 还可以包含“属性”来设置元素的其他特性。 一个标签可以有多个属性,每个属性之间用空格隔开。

<div 属性名="属性值"></div>

例如:

<div class="wrap" id="wrap"></div>

4. 每一对双标签之间可以嵌套, 但不能交叉。

正确示例:

<div>

<p></p>

</div>

错误示例:

<div>

<p>

</div>

</p>

1.4 编码器

1.4.1 WebStorm源码主体标签含义

<!DOCTYPE> :

是一个声明不是 HTML 标签; 它是用来告诉 web 浏览器要使用哪个 HTML 版本来对页面进行编写。

<html>:

<html>是文档标识符, 它是成对出现的, 首标签<html>和尾标签</html>分别位于 HTML 文档的最前面和最后面, 明确地表示文档是以超文本标识语

言( html)编写的。 该标签不带有任何的属性。

<head>:

<head>标签用于定义文档的头部, 它是所有头部元素的容器。 <head> 中的元素可以引用脚本、 指示浏览器在哪里找到样式表、 提供元信息等等。

<meta>:

<meta>标签位于文档的头部, 用于定义文件信息, 对网页文件进行说明。 其中name属性主要用于描述网页, 与之对应的属性值为content, content中

的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

<body>:

<body>标签用于定义文档的主体, 即在浏览器上看到的网页内容。

如何用HTML和CSS实现在网页内输入HTML代码后按按钮实现效果

 <!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

    <link rel="stylesheet" href="http://cdn.staticfile.org/codemirror/5.40.2/codemirror.min.css">

    <style>

        .CodeMirror {

            border: 1px solid #ccc;

        }

    </style>

</head>

<body>

    <textarea id="textareaCode"></textarea>

    <button onclick="submitTryit()">点击运行</button>

    <div id="iframewrapper"></div>

</body>

<script src="http://cdn.staticfile.org/codemirror/5.40.2/codemirror.min.js"></script>

<script>

    var mixedMode = {

        name: "htmlmixed",

        scriptTypes: [{

            matches: //x-handlebars-template|/x-mustache/i,

            mode: null

        },

        {

            matches: /(text|application)/(x-)?vb(a|script)/i,

            mode: "vbscript"

        }]

    };

    var editor = CodeMirror.fromTextArea(document.getElementById("textareaCode"), {

        mode: mixedMode,

        selectionPointer: true,

        lineNumbers: false,

        matchBrackets: true,

        indentUnit: 4,

        indentWithTabs: true

    });

    window.addEventListener("resize", autodivheight);

    function autodivheight() {

        var winHeight = 0;

        if (window.innerHeight) {

            winHeight = window.innerHeight;

        } else if ((document.body) && (document.body.clientHeight)) {

            winHeight = document.body.clientHeight;

        }

        //通过深入Document内部对body进行检测,获取浏览器窗口高度

        if (document.documentElement && document.documentElement.clientHeight) {

            winHeight = document.documentElement.clientHeight;

        }

        height = winHeight * 0.68

        editor.setSize('100%', height);

        document.getElementById("iframeResult").style.height = height + "px";

    }

    function resetCode() {

        var initCode = "<!DOCTYPE html>n<html>n<head>n<meta charset="utf-8"> n<title>u83dcu9e1fu6559u7a0b(runoob.com)</title> n<style>n#grad1 {n    height: 200px;ntbackground-color: red; /* u6d4fu89c8u5668u4e0652fu6301u65f6u663eu793a */n    background-image: linear-gradient(#e66465, #9198e5);n}n</style>n</head>n<body>nn<h3>u7ebfu6027u6e10u53d8 - u4eceu4e0au5230u4e0b</h3>n<p>u4eceu9876u90e8u5f00u59cbu7684u7ebfu6027u6e10u53d8u3002u8d77u70b9u662fu7ea2u8272uff0cu6162u6162u8fc7u6e21u5230u84d8272uff1a</p>nn<div id="grad1"></div>nn<p><strong>u6ce8u610fuff1a</strong> Internet Explorer 9 u53cau4e4bu5247684u7248u672cu4e0652fu6301u6e10u53d8u3002</p>nn</body>n</html>"

        editor.getDoc().setValue(initCode);

        submitTryit();

    }

    function submitTryit() {

        var text = editor.getValue();

        var patternHtml = /<html[^>]*>((.|[nr])*)</html>/im

        var patternHead = /<head[^>]*>((.|[nr])*)</head>/im

        var array_matches_head = patternHead.exec(text);

        var patternBody = /<body[^>]*>((.|[nr])*)</body>/im;

        var array_matches_body = patternBody.exec(text);

        var basepath_flag = 1;

        var basepath = '';

        if (array_matches_head) {

            text = text.replace('<head>', '<head>' + basepath);

        } else if (patternHtml) {

            text = text.replace('<html>', '<head>' + basepath + '</head>');

        } else if (array_matches_body) {

            text = text.replace('<body>', '<body>' + basepath);

        } else {

            text = basepath + text;

        }

        var iframe = document.createElement("iframe");

        iframe.setAttribute("frameborder", "0");

        iframe.setAttribute("id", "iframeResult");

        iframe.setAttribute("width", "100%");

        document.getElementById("iframewrapper").innerHTML = "";

        document.getElementById("iframewrapper").appendChild(iframe);

        var ifrw = (iframe.contentWindow) ? iframe.contentWindow : (iframe.contentDocument.document) ? iframe.contentDocument.document : iframe.contentDocument;

        ifrw.document.open();

        ifrw.document.write(text);

        ifrw.document.close();

        autodivheight();

    }

    submitTryit();

    autodivheight();

</script>

</html>

 请采纳

学路情感网还为您提供以下相关内容希望对您有帮助:

js+CSS 如何实现调灯泡颜色和亮度

我的思路是:整个调节区间的值为0-1;然后根据这个区间的值去设置灯泡图片的opacity透明度,具体的区间值,肯定不可能是等于0的,因为等于0那就是直接隐藏了,具体效果需要你调试才更直观;若会伴随颜色的变化的话,那就要根...

如何实现在html+css做的风扇,实现做出js风扇有转动效果?求代码或单词...

1)按钮问题:例如小灯,你要准备两套图片,一套灰色的灯代表关闭,另一套黄色的灯代表打开。当点击小灯后,利用JS代码把灰灯图片替换成黄灯图片。OFF和ON按钮处理方法相同。当然,要先点击ON后小灯才能被点亮,这与现实...

用HTML+CSS+JS制作出幻灯片效果

纯JS+HTML+CSS制作出的幻灯片效果 代码简单,思路讲解也很清晰,有详细demo示例 http://blog.csdn.net/tangdou5682/article/details/52328753

html5 css3 js 动画 点击气泡后 气泡会爆炸

如果要爆炸效果,替换相应图片即可。参考:http://www.iteye.com/topic/1112322

js和css特效

&lt;!--&lt;link rel="stylesheet" type="text/css" href="./styles.css"&gt;--&gt; &lt;/head&gt; &lt;script type="text/javascript"&gt; function mouseonshanghai(){ ("shanghai").style.display = "block";$("beijing").style....

...CSS设计网页的表现使用javascript制作网页的特效

使用HTML设计网页的结构 HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令...

什么是JS特效

JS特效就是网页中实现的特殊效果或者特殊的功能的一种技术,是用网页脚本(javascript)来编写制作动态特殊效果。比如图片切换,渐变等等,它为网页活跃了网页的气氛,有时候会起到一定的亲切力。JavaScript 是根据 "ECMAScript"...

html,css,javascript在制作网页中的作用是什么?三者之间有何种联系...

HTML、 CSS、 JavaScript三者的关系网页主要由三部分组成: 结构( Structure) 、 表现( Presentation) 和行为( Behavior)HTML —— 结构, 决定网页的结构和内容( “是什么”)CSS —— 表现( 样式) , 设定网页...

html中使用jQuery和css,js的方法

首先,css是一种网页的样式语言,主要了解其选择器与属性设置。css是可以直接写在html页面中的,它使用的是一种style的标签(&lt;style&gt;css代码&lt;/style&gt;),直接在标签中写css的代码。我们称这种方式为嵌入式样式表。另外,css...

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

热门图文

  • 次韵钱申伯山堂之咏的朝代是什么

    《次韵钱申伯山堂之咏》李弥逊朝代:宋代。《次韵钱申伯山堂之咏》年代:宋代。作者:李弥逊。别称:西翁、筠溪居士、普现居士。字号:字似之号筠西翁、筠溪居士、普现居士等。出生地:吴县(今江苏苏州)。出生时间:1085年。去世时间:1153年。主要作品:《沁园春》《永遇乐》《永遇乐》《念奴娇》《念奴娇》等。我们为您从以下几个方面提供次韵钱申伯山堂之咏的详细介绍。一、《次韵钱申伯山堂之咏》的全文 点此查看《次韵钱申伯山堂之咏》的详细内容。净坊秋色老苍官,檐额飞云细可攀。客梦偶随疏雨断,僧游长带暮钟还。似闻遗锡藏银地,亲见高人住骨山。愁绝寒江归去路,乱峰青处望双鬟。二、《次韵钱申伯山堂之咏》李弥逊其他诗词《菩萨蛮》、《水调歌头》、《念奴娇》、《水调歌头》、《永遇乐》。相同朝代的诗歌;

  • 次韵钱申伯山堂之咏的朝代

    《次韵钱申伯山堂之咏》李弥逊朝代:宋代。《次韵钱申伯山堂之咏》年代:宋代。作者:李弥逊。别称:西翁、筠溪居士、普现居士。字号:字似之号筠西翁、筠溪居士、普现居士等。出生地:吴县(今江苏苏州)。出生时间:1085年。去世时间:1153年。主要作品:《沁园春》《永遇乐》《永遇乐》《念奴娇》《念奴娇》等。我们为您从以下几个方面提供次韵钱申伯山堂之咏的详细介绍。一、《次韵钱申伯山堂之咏》的全文 点此查看《次韵钱申伯山堂之咏》的详细内容。净坊秋色老苍官,檐额飞云细可攀。客梦偶随疏雨断,僧游长带暮钟还。似闻遗锡藏银地,亲见高人住骨山。愁绝寒江归去路,乱峰青处望双鬟。二、《次韵钱申伯山堂之咏》李弥逊其他诗词《菩萨蛮》、《水调歌头》、《念奴娇》、《水调歌头》、《永遇乐》。相同朝代的诗歌;

  • 次韵钱申伯山堂之咏朝代

    《次韵钱申伯山堂之咏》李弥逊朝代:宋代。《次韵钱申伯山堂之咏》年代:宋代。作者:李弥逊。别称:西翁、筠溪居士、普现居士。字号:字似之号筠西翁、筠溪居士、普现居士等。出生地:吴县(今江苏苏州)。出生时间:1085年。去世时间:1153年。主要作品:《沁园春》《永遇乐》《永遇乐》《念奴娇》《念奴娇》等。我们为您从以下几个方面提供次韵钱申伯山堂之咏的详细介绍。一、《次韵钱申伯山堂之咏》的全文 点此查看《次韵钱申伯山堂之咏》的详细内容。净坊秋色老苍官,檐额飞云细可攀。客梦偶随疏雨断,僧游长带暮钟还。似闻遗锡藏银地,亲见高人住骨山。愁绝寒江归去路,乱峰青处望双鬟。二、《次韵钱申伯山堂之咏》李弥逊其他诗词《菩萨蛮》、《水调歌头》、《念奴娇》、《水调歌头》、《永遇乐》。相同朝代的诗歌;

  • 次韵钱申伯山堂之咏的作者 次韵钱申伯山堂之咏的作者是什么]

    《次韵钱申伯山堂之咏》李弥逊作者:李弥逊。《次韵钱申伯山堂之咏》作者:李弥逊。年代:宋代。别称:西翁、筠溪居士、普现居士。字号:字似之号筠西翁、筠溪居士、普现居士等。出生地:吴县(今江苏苏州)。出生时间:1085年。去世时间:1153年。主要作品:《沁园春》《永遇乐》《永遇乐》《念奴娇》《念奴娇》等。我们为您从以下几个方面提供次韵钱申伯山堂之咏的详细介绍。一、《次韵钱申伯山堂之咏》的全文 点此查看《次韵钱申伯山堂之咏》的详细内容。净坊秋色老苍官,檐额飞云细可攀。客梦偶随疏雨断,僧游长带暮钟还。似闻遗锡藏银地,亲见高人住骨山。愁绝寒江归去路,乱峰青处望双鬟。二、《次韵钱申伯山堂之咏》李弥逊其他诗词《菩萨蛮》、《水调歌头》、《念奴娇》、《水调歌头》、《永遇乐》。相同朝代的诗歌;

  • 次韵钱申伯山堂之咏的作者是什么

    《次韵钱申伯山堂之咏》李弥逊作者:李弥逊。《次韵钱申伯山堂之咏》作者:李弥逊。年代:宋代。别称:西翁、筠溪居士、普现居士。字号:字似之号筠西翁、筠溪居士、普现居士等。出生地:吴县(今江苏苏州)。出生时间:1085年。去世时间:1153年。主要作品:《沁园春》《永遇乐》《永遇乐》《念奴娇》《念奴娇》等。我们为您从以下几个方面提供次韵钱申伯山堂之咏的详细介绍。一、《次韵钱申伯山堂之咏》的全文 点此查看《次韵钱申伯山堂之咏》的详细内容。净坊秋色老苍官,檐额飞云细可攀。客梦偶随疏雨断,僧游长带暮钟还。似闻遗锡藏银地,亲见高人住骨山。愁绝寒江归去路,乱峰青处望双鬟。二、《次韵钱申伯山堂之咏》李弥逊其他诗词《菩萨蛮》、《水调歌头》、《念奴娇》、《水调歌头》、《永遇乐》。相同朝代的诗歌;

Top