防止SyntaxHighlighter.js的代码高亮时闪一下的解决方法_网页播放器

来源:脚本之家  责任编辑:小易  

  方法一  在网页前面,通常是在<head></head>里加上如下代

SyntaxHighlighter.js是一个代码高亮的JS插件,使用也很简单,但是由于是浏览器段执行JS代码来着色,会出现视觉上闪一下的效果。比如你的20行代码网页打开显示高度为100px,但是SyntaxHighlighter高亮后该区域高度变为120px 加上颜色的变化,这样的体验特别不好。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.

解决原理:把pre标签的样式定义为 高亮后的样式即可

1,安装<a href="http://www.drupalla.com/proje

解决方法:在shCoreDefault.css文件加上如下样式

首先感谢邀请!1、新交法里无证驾驶处罚:未取得机动车驾驶证、机动车驾驶证被吊销或者机动车驾驶证被暂扣期间驾驶机动车的处二百元以上二千元以下罚款,可以并处十五日以下拘留。对于未随身携带机动车驾驶证的,无论驾驶人在行驶过程中违法与否,均不得继续驾驶该车辆。公安机关交通管理部门应当扣留机动车,通知驾驶人提供驾驶证。2、无证驾驶撞人的处罚规定无证驾驶撞人,构成交通肇事罪,一般来说没有加重情节的话应该判刑3年以下。谢谢!

pre { line-height:22px !important; background-color:#f5f5f5!important; border:1px solid #ccc!important; border-radius:4px!important; width:98% !important; margin:.3em 0 .3em 0!important; padding:0 0 0 1em!important; font-size:13px !important; font-family:Monaco,Menlo,Consolas,"Courier New",monospace; }

装修房子对很多人来说是一件重要的事情,谁都希望花钱把房子装修成自己心仪的样子,但在装修时总会有各种各样的问题和遗憾,总结下来,业主装修时最担心的问题有以下几点:1、担心找不到好的装修公司或施工队现在每个地方都有各种各样的装修公司或者施工队,在选择时很难,装修公司是不是正规,费用是不是很贵,施工队有没有保障,装修出了问题能不能处理,这都是需要考虑的问题;2、担心设计师的方案不能实施现在装修房子都要找设计师来设计装修方案,好的设计师费用太高,一般的设计师水平有限,设计出来的方案不能真正实施,所以在装修时找一个好的设计师很关键,并且在装修工程中要随时和设计师进行沟通,确保设计方案顺利实施;3、担心装

即可这样就不会出现大面积的闪烁了,然后按F5强制刷新浏览器缓存,查看效果,如果还是有细微差距,可以自己微调SyntaxHighlighter 的 CSS样式。

嘉庆通宝直径小于27mm的一般10元左右,大于27mm的是大样,100多以上。乾隆通宝同上,不过乾隆通宝的宝台局和宝济局稀少,小平的价格也要一两百。康熙通宝的满汉台、福、漳、苏、江、桂等局比较稀少,价格贵一些,普通的二三十元一枚。顺治一般的五六十一枚,有些版别贵一些。

扩展阅读,根据您访问的内容系统为您准备了以下内容,希望对您有帮助。

如何用syntaxhighlighter显示高亮代码

下载syntaxhighlighter最新版本3.0.83这个插件。

在页面引入核心js和css,这里我要对js代码高亮,所以引用了JScript.js这个文件。

<link rel="stylesheet" type="text/css"href="css/SyntaxHighlighter.css"/>

<script type="text/javascript"src="js/shCore.js"></script>

<script type="text/javascript"src="js/shBrushJScript.js"></script>

把代码写到一个<pre>或者<textarea>标签里,如图。

需要注意是这里的name和class属性,name是需要通过插件获取才能应用高亮样式,class设置语言的类别及样式选择。

[html] view plaincopy

<pre name="code"class="js">

function a(){

alert("a");

}

</pre>

在页面底部加上

[javascript] view plaincopy

<scripttype="text/javascript">

dp.SyntaxHighlighter.HighlightAll('code');//这里的‘code’ 为上面放置代码的容器

</script>

另外附上语言的别名。

C++cpp, c, c++

C#c#, c-sharp, csharp

csscss

Delphidelphi, pascal

Javajava

Java Scriptjs, jscript, javascript

PHPphp

Pythonpy, python

Rubyrb, ruby, rails, ror

Sqlsql

VBvb, vb.net

XML/HTMLxml, html, xhtml, xslt

class允许配置的选项。

nogutter将不会显示行号

nocontrols将不会在顶部显示控制器

collapse将默认折叠代码

firstline[value]行计数开始值。默认值是 1

showcolumns将在第一行显示行列

这些选项和别名放置在一起,使用冒号 : 字符分隔。

<pre name="code"class="html:nocontrols:firstline[10]">

<html>

<body></body>

如何用syntaxhighlighter显示高亮代码

使用方法:

1、假设网页文件test.htm存放在一个目录,则将dp.SyntaxHighlighter解压缩到该目录下的子目录,假设为images

2、在网页的<head></head>之间插入以下代码:

<link type="text/css" rel="stylesheet" href="images/Styles/SyntaxHighlighter.css"></link>

3、在网页要显示程序源代码的地方插入以下代码(其中的class="js"表示以js语法显示源代码,其他可设定的class值分别为

c#、css、c、delphi、java、js、php、python、ruby、sql、vb、xml):

代码如下:

<textarea name="code" class="js" rows="15" cols="100">

//程序源代码放在这儿

</textarea>

4、在网页尾部的</body>之前插入以下代码:

<script class="javascript" src="images/Scripts/shCore.js"></script>

<script class="javascript" src="images/Scripts/shBrushCSharp.js"></script>

<script class="javascript" src="images/Scripts/shBrushPhp.js"></script>

<script class="javascript" src="images/Scripts/shBrushJScript.js"></script>

<script class="javascript" src="images/Scripts/shBrushJava.js"></script>

<script class="javascript" src="images/Scripts/shBrushVb.js"></script>

<script class="javascript" src="images/Scripts/shBrushSql.js"></script>

<script class="javascript" src="images/Scripts/shBrushXml.js"></script>

<script class="javascript" src="images/Scripts/shBrushDelphi.js"></script>

<script class="javascript" src="images/Scripts/shBrushPython.js"></script>

<script class="javascript" src="images/Scripts/shBrushRuby.js"></script>

<script class="javascript" src="images/Scripts/shBrushCss.js"></script>

<script class="javascript" src="images/Scripts/shBrushCpp.js"></script>

<script class="javascript">

dp.SyntaxHighlighter.HighlightAll('code');

</script>

如何让SyntaxHighlighter显示的长代码自动换行

载syntaxhighlighter新版本3.0.83插件 页面引入核jscss我要js代码高亮所引用JScript.js文件 代码写或者标签图 需要注意nameclass属性name需要通插件获取才能应用高亮式本回答被网友采纳

SyntaxHighlighter给textarea做高亮怎么无效了

原帖由 于 2009-3-22 10:02 发表 [i][/url]2.0版本的需要前台渲染.跟1.0不同.1,0直接转换成HTML代码而2.0是在PRE中用JS进行实时渲染的所以请加载相应的JS [/b]js 我都加载了...但是我是在 textarea 中渲染的. pre 中可以用.textarea不行。试了.

  • 本文相关:
  • syntaxhighlighter自动识别并加载脚本语言
  • syntaxhighlighter 3.0.83使用笔记
  • ckeditor syntaxhighlighter代码高亮插件配置分享
  • ckeditor中加入syntaxhighlighter代码高亮插件
  • 解决syntaxhighlighter 代码高亮不换行问题的解决方法
  • syntaxhighlighter 去掉右上角问号图标的三种方法
  • 为syntaxhighlighter添加新语言的方法
  • ckeditor syntaxhighlighter代码高亮插件,完美修复
  • syntaxhighlighter 语法高亮插件的使用教程
  • 使用syntaxhighlighter实现html高亮显示代码的方法
  • 获取音乐文件的播放时间及当前进度
  • javascript控制realplayer对象使用
  • 自动切换能播放音乐列表 vbs
  • 网页播放器 windowsmediaplay中控制从wmv的指定时间开始播放,指
  • 一款不错的flash mp3播放器
  • 电影系统调用“宝丽通”加速播放器,任意拖动不会卡
  • asp.net 页面中添加普通视频的几种方式
  • tinymce插件开发之插入html,php,sql,js代码 并代码高亮显示
  • 多首歌曲连续播放之asx播放列表文件
  • 网页在线视频播放代码大全
  • 如何用syntaxhighlighter显示高亮代码
  • 如何用syntaxhighlighter显示高亮代码
  • 如何让SyntaxHighlighter显示的长代码自动换行
  • SyntaxHighlighter给textarea做高亮怎么无效了
  • syntaxhighlighter怎么动态加载代码
  • 如何去掉syntaxhighlighter代码框右上角的问号
  • 怎样使用hightlight高亮显示脚本代码
  • 如何在Drupal 中设置 Ckeditor模块 使用Syntaxhighlighter代码高亮
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全javascriptasp.netphp编程ajax相关正则表达式asp编程jsp编程编程10000问css/htmlflex脚本加解密web2.0xml/rss网页编辑器相关技巧安全相关网页播放器其它综合dart首页网页播放器syntaxhighlighter自动识别并加载脚本语言syntaxhighlighter 3.0.83使用笔记ckeditor syntaxhighlighter代码高亮插件配置分享ckeditor中加入syntaxhighlighter代码高亮插件解决syntaxhighlighter 代码高亮不换行问题的解决方法syntaxhighlighter 去掉右上角问号图标的三种方法为syntaxhighlighter添加新语言的方法ckeditor syntaxhighlighter代码高亮插件,完美修复syntaxhighlighter 语法高亮插件的使用教程使用syntaxhighlighter实现html高亮显示代码的方法获取音乐文件的播放时间及当前进度javascript控制realplayer对象使用自动切换能播放音乐列表 vbs网页播放器 windowsmediaplay中控制从wmv的指定时间开始播放,指一款不错的flash mp3播放器电影系统调用“宝丽通”加速播放器,任意拖动不会卡asp.net 页面中添加普通视频的几种方式tinymce插件开发之插入html,php,sql,js代码 并代码高亮显示多首歌曲连续播放之asx播放列表文件网页在线视频播放代码大全html中嵌入flv格式文件的代码网页在线视频播放代码大全flvplayer.swf flv视频播放器使用在线flv播放器实现方法html中插入avi格式视频文件的代码网上比较常用的嵌入网页中的播放网页视频播放器程序代码(通用代html中插入wmv格式视频文件的代码网页播放器object使用详解asp 网页视频播放器程序代码(通用firefox下的mediaplayer插件(可以正常播放自动切换能播放音乐列表 vbsflvplayer.swf flv视频播放器使用方法宝丽通3.90播放器调用代码封装的一个播放器wmvfckeditor 源代码分析附中文注释在html中插入mpg格式视频文件的代码html中插入rm格式视频文件的代码asp电影播放器asp.net 页面中添加普通视频的几种方式
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved