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

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

www.zgxue.com防采集请勿采集本网。

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

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

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

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;}

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

#VRML V2.0 utf8Viewpoint {position 0.0 0.0 10.0}PointLight {location 0.0 0.0 0.0radius 5.0}Group {childrenDEF light Transform {translation 4 0 0childrenShape {appearance Appearance {material DEF lig Material {diffuseColor 0 1 0}}geometry Sphere {radius 2.0}}}DEF kaiguan Transform {translation-4 0 0childrenDEF Touce TouchSensor {},Shape {appearance Appearance {material Material {diffuseColor 0 1 0}}geometry Box {size 2.0 2.0 2.0}}}Transform {translation-1 0 0rotation 0.0 0.0 1.0 1.57childrenShape {appearance Appearance {material Material {diffuseColor 0 1 0}}geometry Cylinder {radius 0.2height 7.0}}}}DEF Controller Script{field SFBool isOpen FALSEeventIn SFTime BoxClickedeventIn SFColor ColoreventOut SFColor Box_changedurl"javascript:function BoxClicked(value){if(isOpen){isOpen=FALSE;Box_changed[0]=1;Box_changed[1]=0;Box_changed[2]=0;}else{isOpen=TRUE;Box_changed[0]=0;Box_changed[1]=0;Box_changed[2]=1;}}}ROUTE Touce.touchTime TO Controller.BoxClickedROUTE Controller.Box_changed TO lig.diffuseColor内容来自www.zgxue.com请勿采集。


  • 本文相关:
  • 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播放列表文件
  • 网页在线视频播放代码大全
  • VRML代码错误,
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全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