function(){...}() 这是匿名自调方法。
匿名就是这个方法没名字，自调就是最后一个括号()，直接运行这个方法。
这是一种优雅的写法，普通写的话，给这个方法起个名字比如function aaa(){...}，调用这个方法aaa()。
波浪效果先建一个dom元素$element，在这个元素上加一大波特效，然后把这个波浪塞到html的body里，document.body.appendChild($element)。
也就是说，有个body标签，运行这段东西就好了，我附件发了一个空的html，把你这段代码放到我附件里标注的地方就好了。
注意要用chrome打开这个html才能看到效果，我看到了-webkit标签，只对chrome有效。
你代码没贴全，我没法帮你试，网上找的坑很多的，不一定能用，但是从代码风格上看挺靠谱的，说不定放进去就行。
<html><head>
<title>水波文字</title>
<style type="text/css">
<!--
.effect{
font-size:30px
position:relative
width:150height:80
filter:wave(Freq=6,Strength=4,Phase=1)
}
-->
</style>
</head>
<body>
<div class="effect">水波文字</div>
</body>
</html>
在函数前加上波浪号，其作用是把函数声明转换为表达式，这样就可以直接运行。具体来讲这个例子，先计算表达式cn.search( /open/i ) 的值
如果为真，则执行cn.replace( / open/i, '' )
否则， 返回cn + ' open'
