向阳's profile乔木向阳?Where is my sunshin...PhotosBlogListsMore ![]() | Help |
|
March 13 透明窗口<script src="src/wz_dragdrop.js" type="text/javascript"></script> <script type="text/javascript"> <!-- SET_DHTML(CURSOR_MOVE, RESIZABLE, SCROLL, "bluelyr", "buoy1"+NO_DRAG, "buoy2"+NO_DRAG, "button"+VERTICAL+HORIZONTAL+CURSOR_DEFAULT, "cat"+COPY+5, "counter", "window3"+RESIZABLE+CURSOR_MOVE, "einstein", "fateba_fi", "fateba_se", "greylyr", "ko5_st", "ko5obersoech", "low", "muckl"+COPY+10, "race", "rex", "upleft"); //--> </script> <div style="position:relative;border-color:#000;" id="window3"> <div class="shadow" style="position:relative"></div> <div class="title">透明窗口</div> <div class="glass"></div> <div class="border" style="border-color:#f60;border-width:1px;" > <div class="content"> 如果有个人要 </div> </div> </div> Windows Longhorn Glass Look<html> <head> <title>Windows Longhorn Glass Look</title> <style> body { background: #667788; font-family: tahoma; font-size: 16px; padding: 0; margin: 0; overflow: hidden; } img#background { } h1 { font-size: 140%; } #window1 { top: 50px; left: 150px; width: 400px; height: 200px; } #window2 { top: 270px; left: 250px; width: 500px; height: 300px; } #window3 { top: 150px; left: 400px; width: 400px; height: 400px; } #window4 { top: 200px; left: 100px; width: 400px; height: 400px; } #window1 .border { border-color: #F8E0C0; } #window1 .glass { background: #F8E0C0; } #window2 .border { border-color: #E0F8C0; } #window2 .glass { background: #E0F8C0; } #window3 .border { border-color: #E0F0F8; } #window3 .glass { background: #E0F0F8; } .window { position: absolute; } .shadow { position: absolute; top: -2px; left: -2px; width: 100%; height: 100%; background: #002030; filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=4, makeShadow=true, shadowOpacity=.20); } .glass { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #F0F0F0; filter: alpha(opacity=100, style=1, finishOpacity=50, startx=60, starty=50, finishx=20, finishy=70) alpha(opacity=50, style=1, finishOpacity=100, startx=100, starty=50, finishx=60, finishy=70); } .border { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 1px solid #F0F0F0; padding: 80px 10px 10p 10px; } .content { height: 100%; width: 100%; overflow: auto; background: white; padding: 0.5em; cursor: default; filter: alpha(opacity=60); } .title { color: white; font-weight: bold; font-size: 25px; position: absolute; top: 0px; left: 0px; width: 100%; height: 80px; padding: 25px 20px; cursor: move; } .current .shadow { top: 1px; left: 1px; } .current .content { filter: none; } .current .title { z-index: 1; } #menu { position: absolute; border: 1px solid rgb(182, 184, 196); padding: 1px 2px; background: #f4f4f5; font-family: trebuchet ms; font-size: 9pt; } #menu a { display: block; width: 200px; color: black; text-decoration: none; height: 18px; cursor: default; } #menu a i { display: block; float: left; position:relative; height: 14px; width: 26px; background: #ececed; border-left: 1px solid #ffffff; border-right: 1px solid #e0e0e1; margin-left: -2px; margin-right: -3px; padding: 2px 0px; } #menu a span { display: block; position:relative; height: 14px; background: #f4f4f5; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; padding: 2px 3px; margin-right: -2px; } .current #menu a:hover { border: 1px solid; border-color: rgb(158, 215, 240) #ffffff; padding: 0px; } .current #menu a:hover i { border: 1px solid; border-color: #ececed #e0e0e1 #d8e0f0 rgb(158, 215, 240); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe2eaf2, endColorstr=#ffd8e0f0); padding: 0px; width: 25px; } .current #menu a:hover span { border: 1px solid; border-color: #f4f4f5 rgb(158, 215, 240) #e8f2f8 #e8f2f8; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeef2f8, endColorstr=#ffddedf8); padding: 0px 3px; } </style> <script> var current = null; var dragging = false; var startedDragging = false; function setCurrent(w) { if (w != current) { // unset old current if (current) current.className = 'window'; // set current current = w; current.className = 'current window'; // put current on top document.getElementById("windows").appendChild(current); } // init drag var offsetX = event.x - parseInt(w.currentStyle.left); var offsetY = event.y - parseInt(w.currentStyle.top); if (offsetY < 80) { dragging = true; dragEffect = function() { w.style.pixelLeft = event.x - offsetX; w.style.pixelTop = event.y - offsetY; } } else { var width = parseInt(w.currentStyle.width); var resizeX = offsetX > width - 10; var height = parseInt(w.currentStyle.height); var resizeY = offsetY > height - 10; if (resizeX || resizeY) { dragging = true; var offsetX = event.x - width; var offsetY = event.y - height; dragEffect = function() { if (resizeX) w.style.pixelWidth = event.x - offsetX; if (resizeY) w.style.pixelHeight = event.y - offsetY; } } } } function calcResize(w) { var offsetX = event.x - parseInt(w.currentStyle.left); var offsetY = event.y - parseInt(w.currentStyle.top); var width = parseInt(w.currentStyle.width); var resizeX = offsetX > width - 10; var height = parseInt(w.currentStyle.height); var resizeY = offsetY > height - 10; w.style.cursor = (resizeX||resizeY)?(resizeY?"S":"")+(resizeX?"E":"")+"-resize":"default"; } var dragEffect; function moveCurrent() { if (!dragging || !current) return; if (event.button == 0) { releaseCurrent(); return; } if (!startedDragging) { current.className = 'dragging current window'; startedDragging = true; } dragEffect(); } function releaseCurrent() { if (!current) return; current.className = 'current window'; dragging = false; startedDragging = false; } function makeUnselectable(e) { e.unselectable=true; if (e.className == 'content') return; for (var c=e.firstChild;c;c=c.nextSibling) if (c.nodeType == 1) makeUnselectable(c); } </script> </head> <body onload="makeUnselectable(document.body);setCurrent(window1)" onmouseup="releaseCurrent()" onmousemove="moveCurrent()"> <img id="background" src="http://w3future.com/2003/glass/grass.jpg" /> <div id="windows"> <div class="window" id="window4" onmousedown="setCurrent(this)" onmousemove="calcResize(this)"> <div class="shadow"></div> <div class="title">Longhorn Menu</div> <div class="glass"></div> <div class="border"> <div class="content"> <div id="menu"> <a href="#"><i></i><span>Menu Item 1</span></a> <a href="#"><i></i><span>Menu Item 2</span></a> <a href="#"><i></i><span>Menu Item 3</span></a> </div> </div> </div> </div> <div class="window" id="window2" onmousedown="setCurrent(this)" onmousemove="calcResize(this)"> <div class="shadow"></div> <div class="title">Green Window</div> <div class="glass"></div> <div class="border"> <div class="content"> 如果有个人要 </div> </div> </div> </div> </body> </html> 玻璃style<style> body { background: #667788; font-family: tahoma; font-size: 16px; padding: 0; margin: 0; overflow: hidden; } img#background { } h1 { font-size: 140%; } #window1 { top: 50px; left: 150px; width: 400px; height: 200px; } #window2 { top: 270px; left: 250px; width: 500px; height: 300px; } #window3 { top: 150px; left: 400px; width: 400px; height: 400px; } #window4 { top: 200px; left: 100px; width: 400px; height: 400px; } #window1 .border { border-color: #F8E0C0; } #window1 .glass { background: #F8E0C0; } #window2 .border { border-color: #E0F8C0; } #window2 .glass { background: #E0F8C0; } #window3 .border { border-color: #E0F0F8; } #window3 .glass { background: #E0F0F8; } .window { position: absolute; } .shadow { position: absolute; top: -2px; left: -2px; width: 100%; height: 100%; background: #002030; filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=4, makeShadow=true, shadowOpacity=.20); } .glass { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #F0F0F0; filter: alpha(opacity=100, style=1, finishOpacity=50, startx=60, starty=50, finishx=20, finishy=70) alpha(opacity=50, style=1, finishOpacity=100, startx=100, starty=50, finishx=60, finishy=70); } .border { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 1px solid #F0F0F0; padding: 80px 10px 10p 10px; } .content { height: 100%; width: 100%; overflow: auto; background: white; padding: 0.5em; cursor: default; filter: alpha(opacity=60); } .title { color: white; font-weight: bold; font-size: 25px; position: absolute; top: 0px; left: 0px; width: 100%; height: 80px; padding: 25px 20px; cursor: move; } .current .shadow { top: 1px; left: 1px; } .current .content { filter: none; } .current .title { z-index: 1; } #menu { position: absolute; border: 1px solid rgb(182, 184, 196); padding: 1px 2px; background: #f4f4f5; font-family: trebuchet ms; font-size: 9pt; } #menu a { display: block; width: 200px; color: black; text-decoration: none; height: 18px; cursor: default; } #menu a i { display: block; float: left; position:relative; height: 14px; width: 26px; background: #ececed; border-left: 1px solid #ffffff; border-right: 1px solid #e0e0e1; margin-left: -2px; margin-right: -3px; padding: 2px 0px; } #menu a span { display: block; position:relative; height: 14px; background: #f4f4f5; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; padding: 2px 3px; margin-right: -2px; } .current #menu a:hover { border: 1px solid; border-color: rgb(158, 215, 240) #ffffff; padding: 0px; } .current #menu a:hover i { border: 1px solid; border-color: #ececed #e0e0e1 #d8e0f0 rgb(158, 215, 240); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe2eaf2, endColorstr=#ffd8e0f0); padding: 0px; width: 25px; } .current #menu a:hover span { border: 1px solid; border-color: #f4f4f5 rgb(158, 215, 240) #e8f2f8 #e8f2f8; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeef2f8, endColorstr=#ffddedf8); padding: 0px 3px; } </style> 播放器代码<html> <head> <title>My HTML Player</title> <style> body { overflow:auto; font-size:12px; cursor:default; } #table01 { font-size:12px; background-Color:black; color:white; text-align:center; } #playListTitle { background-Color:#001122; color:white; font-size:12px; font-weight:bold; width:100%; height:16px; padding:2px; } #playList { width:150px; height:225px; margin:0px; font-size:12px; background-Color:black; color:white; } #musicList { width:200px; border:buttonface 4px groove; height:80px; position:absolute; right:5px; top:5px; } #musicListTitle { font-size:13px; width:100%; height:20px; background-Color:#C5FFC5; padding:3px; font-weight:bold; } #musicList a { text-decoration:none; width:100%; height:20px; line-height:20px; font-szie:20px; line-height:20px; padding-top:5px; padding-left:10px; } #musicList a:hover { background-Color:#E5FFE5; } </style> <script> function playList_dragOver(){ event.returnValue=false; } function playList_dragEnter(){ event.returnValue=false; event.dataTransfer.dropEffect='link'; } function addMusic(){ if(event.srcElement.tagName=='A'){ strTxt=event.srcElement.innerText; strURL=event.srcElement.href; playList.innerHTML=""; playList.options[0]=new Option(strTxt,strURL); playList.options[0].selected=true; } event.returnValue=false; playList_dblClick(); return(false); } function playList_drop(){ strTxt=unescape(event.dataTransfer.getData('Text').split(":")[0]); strURL=unescape(event.dataTransfer.getData('Text').split(":")[1]); playList.options[playList.options.length]=new Option(strTxt,strURL); } function playList_keyDown(){ if(event.keyCode==46){ try{ playList.options[playList.options.selectedIndex].outerHTML=""; }catch(e){} return(false); } if(event.keyCode==13){ playList_dblClick(); return(false); } } function playList_dblClick(){ MediaPlayer1.detachEvent("PlayStateChange",checkPlayStatus); MediaPlayer1.fileName=playList.value; MediaPlayer1.play(); setTimeout('MediaPlayer1.play();MediaPlayer1.attachEvent("PlayStateChange",checkPlayStatus);',1000); } function musicList_dragStart(){ if(event.srcElement.tagName=='A'){ event.dataTransfer.setData('Text',escape(event.srcElement.innerText)+":"+escape(event.srcElement.href)); }else{ return(false); } } function init(){ MediaPlayer1.AutoRewind=false; MediaPlayer1.AutoStart=true; MediaPlayer1.SendPlayStateChangeEvents=true; MediaPlayer1.attachEvent("PlayStateChange",checkPlayStatus); } function checkPlayStatus(oldState,newState){ try{ if(MediaPlayer1.PlayState==0){ MediaPlayer1.detachEvent("PlayStateChange",checkPlayStatus); MediaPlayer1.stop(); if(playList.options.selectedIndex<playList.options.length-1){ playList.options[playList.options.selectedIndex+1].selected=true; }else{ playList.options[0].selected=true; } MediaPlayer1.fileName=playList.value; MediaPlayer1.play(); setTimeout('MediaPlayer1.play();MediaPlayer1.attachEvent("PlayStateChange",checkPlayStatus);',1000); } }catch(e){} } </script> <body onload="init();"> <table id=table01> <tr> <td> <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" width="286" height="225" STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject"> <param name="AudioStream" value="-1"> <param name="AutoSize" value="-1"> <!--是否自动调整播放大小--> <param name="AutoStart" value="0"> <!--是否自动播放--> <param name="AnimationAtStart" value="-1"> <param name="AllowScan" value="-1"> <param name="AllowChangeDisplaySize" value="-1"> <param name="AutoRewind" value="0"> <param name="Balance" value="0"> <!--左右声道平衡,最左-9640,最右9640--> <param name="BaseURL" value> <param name="BufferingTime" value="15"> <!--缓冲时间--> <param name="CaptioningID" value> <param name="ClickToPlay" value="-1"> <param name="CursorType" value="0"> <param name="CurrentPosition" value="0"> <!--当前播放进度 -1 表示不变,0表示开头 单位是秒,比如10表示从第10秒处开始播放,值必须是-1.0或大于等于0--> <param name="CurrentMarker" value="0"> <param name="DefaultFrame" value> <param name="DisplayBackColor" value="0"> <param name="DisplayForeColor" value="16777215"> <param name="DisplayMode" value="0"> <param name="DisplaySize" value="0"> <!--视频1-50%, 0-100%, 2-200%,3-全屏 其它的值作0处理,小数则采用四舍五入然后按前的处理--> <param name="Enabled" value="-1"> <param name="EnableContextMenu" value="-1"> <!-是否用右键弹出菜单控制--> <param name="EnablePositionControls" value="-1"> <param name="EnableFullScreenControls" value="-1"> <param name="EnableTracker" value="-1"> <!--是否允许拉动播放进度条到任意地方播放--> <param name="Filename" value="" valuetype="ref"> <param name="InvokeURLs" value="-1"> <param name="Language" value="-1"> <param name="Mute" value="0"> <!--是否静音--> <param name="PlayCount" value="10"> <!--重复播放次数,0为始终重复--> <param name="PreviewMode" value="-1"> <param name="Rate" value="1"> <!--播放速度1.0-2.0倍的速度播放--> <param name="SAMILang" value> <param name="SAMIStyle" value> <param name="SAMIFileName" value> <!--选择同时播放(伴音)的歌曲--> <param name="SelectionStart" value="-1"> <param name="SelectionEnd" value="-1"> <param name="SendOpenStateChangeEvents" value="-1"> <param name="SendWarningEvents" value="-1"> <param name="SendErrorEvents" value="-1"> <param name="SendKeyboardEvents" value="0"> <param name="SendMouseClickEvents" value="0"> <param name="SendMouseMoveEvents" value="0"> <param name="SendPlayStateChangeEvents" value="-1"> <param name="ShowCaptioning" value="0"> <!--是否显示字幕,为一块黑色,下面会有一大块黑色,一般不显示--> <param name="ShowControls" value="-1"> <!--是否显示控制,比如播放,停止,暂停--> <param name="ShowAudioControls" value="-1"> <!--是否显示音量控制--> <param name="ShowDisplay" value="0"> <!--显示节目信息,比如版权等--> <param name="ShowGotoBar" value="0"> <!--一条框,在下面,有往下箭头--> <param name="ShowPositionControls" value="-1"> <!--是否显示往前往后及列表,如果显示一般也都是灰色不可控制--> <param name="ShowStatusBar" value="-1"> <!--当前播放信息,显示是否正在播放,及总播放时间和当前播放到的时间--> <param name="ShowTracker" value="-1"> <!--是否显示当前播放跟踪条,即当前的播放进度条--> <param name="TransparentAtStart" value="-1"> <param name="VideoBorderWidth" value="0"> <!--显示部的宽部,如果小于视频宽,则最小为视频宽,或者加大到指定值,并自动加大高度.此改变只改变四周的黑框大小,不改变视频大小--> <param name="VideoBorderColor" value="0"> <!--显示黑色框的颜色, 为RGB值,比如ffff00为黄色--> <param name="VideoBorder3D" value="0"> <param name="Volume" value="0"> <!--音量大小,负值表示是当前音量的减值,值自动会取绝对值,最大为0,最小为-9640,最大0--> <param name="WindowlessVideo" value="0"> <!--如果是0可以允许全屏,否则只能在窗口中查看--> </object> </td> <td> <div id=playListTitle>Play List:</div> <select id=playList size=2 ondragover="playList_dragOver();" ondragenter="playList_dragEnter();" ondrop="playList_drop();" onkeydown="playList_keyDown();" ondblclick="playList_dblClick();"> </select> </td> </tr> </table> <div id=musicList ondragstart="musicList_dragStart();"> <div id=musicListTitle>All Music</div> <a href="http://jay.netandtv.com/jaymp3/yequ.mp3" onclick="addMusic();">夜曲 - 周杰伦</a><br> <a href="http://mobile.bokee.com/biji.mp3" onclick="addMusic();">笔记 - 周笔畅</a><br> <a href="http://files.17173.com/ddr/music/hfmusic/Y.mp3" onclick="addMusic();">不得不爱 - 潘玮柏</a><br> <a href="http://web.163.sh.cn/~kkyhm/music/3.wma" onclick="addMusic();">发如雪 - 周杰伦</a><br> <hr> Tips: 把歌曲拖入播放列表 </div> <div id=info></div> <body> </html> January 25 世界上最贱的提高blog访问量的秘技(强烈推荐)世界上最贱的提高blog访问量的秘技(强烈推荐) 关键词: blog 提高访问量 世界 秘技 推荐 1、尽早申请blog,早申请一天就多一天被点击。比如LoveBNU的blog,除了量大以外,能高居前列最关键是申请得早……ft,呵呵 2、记住,"参数设置"是一个好东西,你可以在任何时候,不需要更新文章,改动一个参数,你的blog就会被列入首页"最新更新"之中……半个小时或者一个小时以后,虽然你从最新更新表上落了下来,你可以将上面更改过的参数改回来。(不准砸我鸡蛋,老婆说不让我告诉大家的,呜呜,我可承受了压力才说出来的,可以比得上315晚会揭黑批劣的英雄啊) 3、你的内容还是要好。但其实好是骗人的,不好照样可以,那你得持续更新啊……比如不断更新,告诉大家你是一个正正经经的blogger,blog是你的"生活方式",所以你需要每天叫嚷一下,"我更新了"。 4、好酒不怕巷子深,真的,如果你没打算卖,只想留着自己喝。可是如果你打算兜售一下自己,而且有暴露癖好,那一定要去各大版面贴广告。这是一个持续的行为,要把握一切机会,在bbs的各个版面随时以各种方式提到自己的blog。方法如下:我的blog又更新了。大家看我的blog啊。其实你写的这篇文章我在blog里面讨论过了。…… 5、把你的blog转载到版面吧,真的,可以全部转载,对于那些精彩的文章,这是为了打品牌。还有就是转载一部分或者写个简介,提起大家的兴趣,引诱大家点击你的blog链接观看。 6、你的签名档还没有改成blog的广告?ft,太落后了。我的个人说明档和昵称都是blog广告了。还可以持续性的更换广告词。你看过精彩广告词吗?比如说 "我blog,我暴露,我存在",或者"人类文明史上最好的blog"…… 7、想让你的文章变成"热门话题"吗?很简单,发表blog以后立刻让自己的好友去re文,插科打诨均可,如果不好意思麻烦别人,可以调动自己隐藏的若干马甲re文,或者干脆用自己的id直接re好了。把一篇文章分三段写进去,或者在写完文章以后re文贴很多补充材料……哇哇哇,谁脸皮厚,谁自己re文多,谁就能上热门话题。当然,如果有人re了你的文章,你一定要很很很好客地再re才成……最好两人在这聊天…… 8、你还想上"点击排行",哈哈,这个太容易了。在telnet方式下进入你的blog该篇文章,反复阅读,你没有心脏病吧,不要被疯狂增长的数字吓坏…… 9、每隔半个小时自己点击自己blog一次,积少成多。 10、你一定要串门,去人家blog里面看看,在别人的blog里面re文来做自己的广告……对了,你一定要re他三四天前的文章,这样不会帮助他增长他的"热门话题"。 11、其实最好的办法,是和windtear商量,让他把他很大访问量的网站里面的某些个内容直接链接到你的blog页面上,光当,不要被访问量打败,要镇定自若偷偷欢喜。不过,你可能需要报告他一次,那有何妨呢?反正,反正,访问量第一嘛…… 12、原创会比转载让你得到更多的尊重!但是,如果转载一些黄色笑话,光当,或者转载一些标题醒目的话题,比如,比如,"泡mm绝对有效的十大法则","瘦身九大法宝" 13、贴图吧,别老土了,都是看图时代了。随便贴几张图,ppmm效果最好,轻松超过那些写字写得累死的老土。 14、如果没有人引用你的blog怎么办?你可以去公众网申请一个blog,反反复复引用你自己在smth的blog,呵呵,反正引用通告是通用的……谁砸我,我跟你没完。 15、时不时地对blog发表一下看法,既然大家都在blog,所以都关心对blog的看法。如果你写了一个"我最喜欢的几个blog",肯定受人欢迎,而且你还可以将之分为上下篇,或者上中下,或者甲乙丙丁…… 16、高级秘技:去各大黄色网站贴文,"保证喷鼻血的裸体mm",然后链接到你自己的blog……看吧,你终于认识到那些没人说话或者说话很少的黄色网站究竟有多么大的阅读量了。当你看到自己blog访问量狂增以后,你也许就放弃blog,投身伟大的黄色事业…… 17、选择没有人选择的blog分类目录,这样会给你带来意外的好处,因为你自己的文章就有机会出现在"分类主题"里面。 注:这里的Blog主要指在Blog托管网站申请的个人Blog 来源:鹏程网络 作者:唐山大兄 -- 易登网www.edeng.cn ,求职招聘、房屋出租、找朋友一网打尽! December 15 《无极》五道口周六演出时间和票价
票价
超前点映场:成人50元 学生40元 兑换券3张/人 普 通 场:成人40元 学生30元 兑换券3张/人 |
|
|