防止SyntaxHighlighter.js的代碼高亮時閃一下的解決方法_網頁播放器

來源:腳本之家  責任編輯:小易  

www.anxorj.tw防采集請勿采集本網。

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.anxorj.tw請勿采集。


  • 本文相關:
  • 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.anxorj.tw All Rights Reserved
    陕西快乐10分下载