SyntaxHighlighter插件演示

  • 内容
  • 评论
  • 相关

[code lang="js"]
<style type="text/css">
.group1{
visibility: hidden;
margin-bottom: 1em;
border: 1px solid black;
background-color: lightyellow;
padding: 10px;
width: 150px;
}
</style> <script type="text/javascript">

//more javascript from http://www.smallrain.net
function randomizeContent(classname){
var contents=randomizeContent.collectElementbyClass(classname)
contents.text.sort(function() {return 0.5 - Math.random();})
for (var i=0; i<contents.ref.length; i++){
contents.ref[i].innerHTML=contents.text[i]
contents.ref[i].style.visibility="visible"
}
}

randomizeContent.collectElementbyClass=function(classname){ //return two arrays containing elements with specified classname, plus their innerHTML content
var classnameRE=new RegExp("(^|\\s+)"+classname+"($|\\s+)", "i") //regular expression to screen for classname within element
var contentobj=new Object()
contentobj.ref=new Array() //array containing references to the participating contents
contentobj.text=new Array() //array containing participating contents' contents (innerHTML property)
var alltags=document.all? document.all : document.getElementsByTagName("*")
for (var i=0; i<alltags.length; i++){
if (typeof alltags[i].className=="string" && alltags[i].className.search(classnameRE)!=-1){
contentobj.ref[contentobj.ref.length]=alltags[i]
contentobj.text[contentobj.text.length]=alltags[i].innerHTML
}
}
return contentobj
}

</script> <div class="group1"> 内容一 </div> <div class="group1"> 内容二 </div> <div class="group1"> 内容三 </div> <div class="group1"> 内容四 </div> <div class="group1"> 内容五 </div> <script type="text/javascript">

//randomize order of contents with DIV class="group1"
randomizeContent("group1")

</script>
[/code]

[code lang="js"]
function shutwin(){
window.close();
return;}//演示代码

[/code]

评论

9条评论
  1. Gravatar 头像

    雅丹博客

    艺风 新作必是精品

    [回复]

    Gravatar 头像

    yifeng 回复:

    @雅丹博客 哈哈,必须的
    这只是一个test吗
    试试效果,我发现我以前发的很多代码都被执行了
    要一个一个整理了

    [回复]

  2. Gravatar 头像

    玳玳

    太强大可,我看不懂,你的链接已添加上..... 😳

    [回复]

    Gravatar 头像

    yifeng 回复:

    @玳玳 :mrgreen:

    [回复]

  3. Gravatar 头像

    Junan

    有演示么?~~~

    [回复]

    Gravatar 头像

    yifeng 回复:

    @Junan 演示你已经看到了,呵呵

    [回复]

发表评论

电子邮件地址不会被公开。 必填项已用*标注

click to change 看不清?点击换一张!