2011/08/30 at 16:20 » Comments (268)

昨天已經(jīng)解決了flowplayer播放swf出現(xiàn)的重聲問(wèn)題，但是還有一個(gè)問(wèn)題就是下面controls控制菜單依然失效，沒(méi)辦法，客戶(hù)建議直接隱藏掉，下面是代碼： flowplayer("kzxy_player", "/index/flowplayer/flowplayer-3.2.7.swf",{ clip: { linkUrl:'#re', onBegin: function () { this.getPlugin("play").hide(); } }, plugins: {controls: null} }); more »

2011/08/29 at 14:38 » Comments (282)

今天在修改一個(gè)項(xiàng)目，客戶(hù)網(wǎng)站用到flowplayer-3.2.7這個(gè)播放器來(lái)播放視頻文件，如果格式是flv格式的文件則播放沒(méi)有問(wèn)題，如果格式是swf的文件，播放的時(shí)候就會(huì)出現(xiàn)一個(gè)play again 的按鈕一直在視頻上面，一點(diǎn)擊就會(huì)重新播放，聲音還會(huì)疊加，跑到官網(wǎng)去看手冊(cè)，最后想出一個(gè)解決的方案是把按鈕隱藏掉，但是這樣點(diǎn)擊視頻還是會(huì)出現(xiàn)重播，于是我給視頻加了一個(gè)鏈接，如下： var txt = '<a onclick="return false"; href="<?php echo $mvurl; ?>" ' + 'style="display:block;width:480px;height:360px;" id="kzxy_player"></a>'; document.write(txt); flowplayer("kzxy_player", "/index/flowplayer/flowplayer-3.2.7.swf",{ clip: { linkUrl:'#re',//加一個(gè)無(wú)動(dòng)作的鏈接 onBegin: function () { this.getPlugin("play").hide(); } //隱藏按鈕 } }); more »

2011/08/28 at 15:46 » Comments (215)

默認(rèn)iframe框架是不能撐開(kāi)高度的，如果需要讓框架高度自適應(yīng)需要用js實(shí)現(xiàn) js代碼： var adjustIframe = function (id) { var iframe = document.getElementById(id) var idoc = iframe.contentWindow && iframe.contentWindow.document || iframe.contentDocument; var callback = ...more »

2011/08/27 at 17:21 » Comments (117)

以下代碼實(shí)現(xiàn)垂直不簡(jiǎn)單滾動(dòng)跑馬燈效果，注意js代碼要放在html代碼后面 <div id=maq style=overflow:hidden;height:200px;width:204px;> <div id=mtext> <ul> <li><a href="http://www.dgkai.cn/news/view-8611-1.html">從善如流重民意辦好實(shí)事惠民生</a></li> </ul> <ul> <li><a href="http://www.dgkai.cn/news/view-8612-1.html">岐江夜游兩岸大改造 重點(diǎn)打造濱江一號(hào)廣</a></li> </ul> <ul> <li><a href="http://www.dgkai.cn/news/view-8613-1.html">60年工齡鉗工熬成機(jī)車(chē)專(zhuān)家</a></li> </ul> <ul> <li><a href="http://www.dgkai.cn/news/view-8614-1.html">小客車(chē)成了水果攤</a></li> </ul> <ul> <li><a href="http://www.dgkai.cn/news/view-8615-1.html">曾軼可欲投票洪辰被阻止？</a></li> </ul> <ul> <li><a href="http://www.dgkai.cn/news/view-8616-1.html">電動(dòng)車(chē)上練瑜伽？</a></li> </ul> <ul> <li><a href="http://www.dgkai.cn/news/view-8617-1.html">為未來(lái)發(fā)展獻(xiàn)計(jì)支招</a></li> </ul> <ul> <li><a href="http://www.dgkai.cn/news/view-8618-1.html">為重點(diǎn)工程把脈開(kāi)方</a></li> </ul> <ul> <li><a href="http://www.dgkai.cn/news/view-8619-1.html">"防盜網(wǎng)"令小區(qū)治安明顯好轉(zhuǎn)</a></li> </ul> <ul> <li><a href="http://www.dgkai.cn/news/view-8620-1.html">彩虹社區(qū)</a></li> </ul> <ul> <li><a href="http://www.dgkai.cn/news/view-8621-1.html">116家個(gè)體工商戶(hù)轉(zhuǎn)型為企業(yè)</a></li> </ul> <ul> <li><a href="http://www.dgkai.cn/news/view-8622-1.html">送科技送法律送健康</a></li> </ul> <ul> <li><a href="http://www.dgkai.cn/news/view-8609-1.html">網(wǎng)絡(luò)團(tuán)購(gòu)貓膩多做好備份好退貨</a></li> </ul> </div> <div id=m0></div> </div> <script> var speed=40 //調(diào)整滾動(dòng)速度 m0.innerHTML=mtext.innerHTML function Marquee(){ if(m0.offsetTop-maq.scrollTop<=0) maq.scrollTop-=mtext.offsetHeight else{ maq.scrollTop++ } } var MyMar=setInterval(Marquee,speed) maq.onmouseover=function() {clearInterval(MyMar)} maq.onmouseout=function() {MyMar=setInterval(Marquee,speed)} </script> 效果如：   從善如流重民意辦好實(shí)事惠民生 岐江夜游兩岸大改造 重點(diǎn)打造濱江一號(hào)廣 60年工齡鉗工熬成機(jī)車(chē)專(zhuān)家 小客車(chē)成了水果攤 曾軼可欲投票洪辰被阻止？ 電動(dòng)車(chē)上練瑜伽？ 為未來(lái)發(fā)展獻(xiàn)計(jì)支招 為重點(diǎn)工程把脈開(kāi)方 "防盜網(wǎng)"令小區(qū)治安明顯好轉(zhuǎn) 彩虹社區(qū) 116家個(gè)體工商戶(hù)轉(zhuǎn)型為企業(yè) 送科技送法律送健康 網(wǎng)絡(luò)團(tuán)購(gòu)貓膩多做好備份好退貨 more »

2011/08/27 at 15:01 » Comments (212)

這是最近一個(gè)項(xiàng)目使用到的下拉菜單效果，首先定義一個(gè)id為nav的ul，ul->li里面放的是下拉出來(lái)的菜單，也是一個(gè)ul: <ul id="nav"> <li><a href="<?url ctrl=home?>">首 頁(yè)</a></li> <li><a href="#">|</a></li> <li><a href="#">關(guān)于我們</a> <!-- 下拉部分--> <ul><li><a href="#">公司簡(jiǎn)介</a></li> <li><a href="#">總經(jīng)理致辭</a></li> </ul></li> <!-- 下拉部分--> </ul> js就幾行代碼： <script type=text/javascript><!--//--><![CDATA[//><!-- function menuFix() { var sfEls = document.getElementById("nav").getElementsByTagName("li"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=(this.className.length>0? " ": "") + "sfhover"; } sfEls[i].onMouseDown=function() { this.className+=(this.className.length>0? " ...more »

2011/08/25 at 21:45 » Comments (425)

用photoshop打開(kāi)圖片文件，首先得先對(duì)PSD文件做切片，有兩種方法： ①使用工具欄上的"切片工具"， 然后在圖象上劃出一塊一塊的區(qū)域。 ②使用基于參考線(xiàn)的切片，按ctrl+R調(diào)出標(biāo)尺欄， 把鼠標(biāo)移動(dòng)到標(biāo)尺上，按住鼠標(biāo)左鍵，移動(dòng)到圖象上，將會(huì)看到一條綠色的參考線(xiàn)，如圖 將參考線(xiàn)；排好，然后點(diǎn)一下工具欄上的切片工具圖表，然后點(diǎn)上面 選項(xiàng)欄里的"基于參考線(xiàn)的切片"。于是在原來(lái)的參考線(xiàn)上就變成了一塊一塊的切片了。 接下來(lái)就可以輸出了: ①依次選擇菜單欄上的"文件"→"存儲(chǔ)為Web所用格式"→"存儲(chǔ)"。 ②接下來(lái)就會(huì)彈出一個(gè)"將優(yōu)化結(jié)果存儲(chǔ)為"的窗口，如圖 在"保存類(lèi)型"處有個(gè)下拉列框可以選擇，因?yàn)槲覀円鎯?chǔ)為網(wǎng)頁(yè)的格式，所以選擇"HTML和圖象(* html)"，再選擇"保存"就可以輸出一個(gè)網(wǎng)頁(yè)格式的HTML文件與一個(gè)包含圖象的名為"images"的文件夾。 ③如果我們需要輸出"div+css的網(wǎng)頁(yè)"我們還可以這么做： 在"設(shè)置"處的下拉列框，選擇"其他" 就會(huì)彈出一個(gè)"輸出設(shè)置"的窗口 在第2個(gè)下拉列框處選擇"切片" 選擇"生成CSS" 單擊"好"→"保存"就可以輸出一個(gè)目前流行的"div+css"的HTML網(wǎng)頁(yè)。 more »

2011/08/25 at 15:12 » Comments (14)

javascript實(shí)現(xiàn)頁(yè)面慢慢垂直移動(dòng)，就是慢慢移上去或者掉下來(lái)的效果 for(var i=0;i<351;i++){ window.scrollTo(0,i) } more »

2011/08/25 at 14:58 » Comments (6)

javascript輸出當(dāng)前日期時(shí)間和星期幾的方法 1，按照本地時(shí)間格式 <script type="text/javascript">document.write(new Date().toLocaleString())</script> 2自己定義格式 <script type="text/javascript">document.write(new Date().getFullYear()+'年'+(new Date().getMonth()+1)+'月'+new Date().getDate()+'日 星期'+'日一二三四五六'.charAt(new Date().getDay()))</script> //注意：月份的算法要在原有數(shù)字上加1 more »

2011/08/25 at 14:33 » Comments (5)

jquery實(shí)現(xiàn)元素上下移動(dòng)代碼 $('.ctl-prev').click(function(){ $('#ctl-ul li:last-child').clone(true).prependTo('#ctl-ul'); //clone(true)參數(shù)true是表示把元素所綁定的事件一起克隆，在副本還能夠監(jiān)聽(tīng)到事件并且觸發(fā)動(dòng)作 $('#ctl-ul li:last-child').remove(); ...more »

2011/08/25 at 14:24 » Comments (265)

以下代碼jquery實(shí)現(xiàn)簡(jiǎn)單的滾動(dòng)，原理是克隆第一個(gè)li然后放到末尾，接著讓它往上滑動(dòng)然后清除掉，反復(fù)循環(huán) <script type="text/javascript"> function slide(ClassName){ var ID = setInterval ("run('"+ClassName+"')",1000); ...more »