中山php|最優(yōu)網(wǎng)絡(luò) :中山做網(wǎng)站 中山php建站
最優(yōu)良人
Category Page for: 網(wǎng)站前端
flowplayer隱藏controls控制菜單面板
2011/08/30 at 16:20 » Comments (268)
昨天已經(jīng)解決了flowplayer播放swf出現(xiàn)的重聲問題,但是還有一個問題就是下面controls控制菜單依然失效,沒辦法,客戶建議直接隱藏掉,下面是代碼: flowplayer("kzxy_player", "/index/flowplayer/flowplayer-3.2.7.swf",{ clip: { linkUrl:'#re', onBegin: function () { this.getPlugin("play").hide(); } }, plugins: {controls: null} }); more »flowplayer播放swf文件出現(xiàn)play again按鈕并且點(diǎn)擊重播的解決方法
2011/08/29 at 14:38 » Comments (282)
今天在修改一個項目,客戶網(wǎng)站用到flowplayer-3.2.7這個播放器來播放視頻文件,如果格式是flv格式的文件則播放沒有問題,如果格式是swf的文件,播放的時候就會出現(xiàn)一個play again 的按鈕一直在視頻上面,一點(diǎn)擊就會重新播放,聲音還會疊加,跑到官網(wǎng)去看手冊,最后想出一個解決的方案是把按鈕隱藏掉,但是這樣點(diǎn)擊視頻還是會出現(xiàn)重播,于是我給視頻加了一個鏈接,如下: 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',//加一個無動作的鏈接 onBegin: function () { this.getPlugin("play").hide(); } //隱藏按鈕 } }); more »讓框架iframe高度自適應(yīng),可自動撐開高度
2011/08/28 at 15:46 » Comments (215)
默認(rèn)iframe框架是不能撐開高度的,如果需要讓框架高度自適應(yīng)需要用js實現(xiàn) js代碼: var adjustIframe = function (id) { var iframe = document.getElementById(id) var idoc = iframe.contentWindow && iframe.contentWindow.document || iframe.contentDocument; var callback = ...more »JS實現(xiàn)簡單的垂直不簡單滾動跑馬燈
2011/08/27 at 17:21 » Comments (117)
以下代碼實現(xiàn)垂直不簡單滾動跑馬燈效果,注意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">從善如流重民意辦好實事惠民生</a></li> </ul> <ul> <li><a href="http://www.dgkai.cn/news/view-8612-1.html">岐江夜游兩岸大改造 重點(diǎn)打造濱江一號廣</a></li> </ul> <ul> <li><a href="http://www.dgkai.cn/news/view-8613-1.html">60年工齡鉗工熬成機(jī)車專家</a></li> </ul> <ul> <li><a href="http://www.dgkai.cn/news/view-8614-1.html">小客車成了水果攤</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">電動車上練瑜伽?</a></li> </ul> <ul> <li><a href="http://www.dgkai.cn/news/view-8617-1.html">為未來發(fā)展獻(xiàn)計支招</a></li> </ul> <ul> <li><a href="http://www.dgkai.cn/news/view-8618-1.html">為重點(diǎn)工程把脈開方</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家個體工商戶轉(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)購貓膩多做好備份好退貨</a></li> </ul> </div> <div id=m0></div> </div> <script> var speed=40 //調(diào)整滾動速度 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> 效果如: 從善如流重民意辦好實事惠民生 岐江夜游兩岸大改造 重點(diǎn)打造濱江一號廣 60年工齡鉗工熬成機(jī)車專家 小客車成了水果攤 曾軼可欲投票洪辰被阻止? 電動車上練瑜伽? 為未來發(fā)展獻(xiàn)計支招 為重點(diǎn)工程把脈開方 "防盜網(wǎng)"令小區(qū)治安明顯好轉(zhuǎn) 彩虹社區(qū) 116家個體工商戶轉(zhuǎn)型為企業(yè) 送科技送法律送健康 網(wǎng)絡(luò)團(tuán)購貓膩多做好備份好退貨 more »簡單的下拉菜單,CSS+幾行JS代碼實現(xiàn)
2011/08/27 at 15:01 » Comments (212)
這是最近一個項目使用到的下拉菜單效果,首先定義一個id為nav的ul,ul->li里面放的是下拉出來的菜單,也是一個ul: <ul id="nav"> <li><a href="<?url ctrl=home?>">首 頁</a></li> <li><a href="#">|</a></li> <li><a href="#">關(guān)于我們</a> <!-- 下拉部分--> <ul><li><a href="#">公司簡介</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 »利用ps直接生成html網(wǎng)頁代碼
2011/08/25 at 21:45 » Comments (425)
用photoshop打開圖片文件,首先得先對PSD文件做切片,有兩種方法: ①使用工具欄上的"切片工具", 然后在圖象上劃出一塊一塊的區(qū)域。 ②使用基于參考線的切片,按ctrl+R調(diào)出標(biāo)尺欄, 把鼠標(biāo)移動到標(biāo)尺上,按住鼠標(biāo)左鍵,移動到圖象上,將會看到一條綠色的參考線,如圖 將參考線;排好,然后點(diǎn)一下工具欄上的切片工具圖表,然后點(diǎn)上面 選項欄里的"基于參考線的切片"。于是在原來的參考線上就變成了一塊一塊的切片了。 接下來就可以輸出了: ①依次選擇菜單欄上的"文件"→"存儲為Web所用格式"→"存儲"。 ②接下來就會彈出一個"將優(yōu)化結(jié)果存儲為"的窗口,如圖 在"保存類型"處有個下拉列框可以選擇,因為我們要存儲為網(wǎng)頁的格式,所以選擇"HTML和圖象(* html)",再選擇"保存"就可以輸出一個網(wǎng)頁格式的HTML文件與一個包含圖象的名為"images"的文件夾。 ③如果我們需要輸出"div+css的網(wǎng)頁"我們還可以這么做: 在"設(shè)置"處的下拉列框,選擇"其他" 就會彈出一個"輸出設(shè)置"的窗口 在第2個下拉列框處選擇"切片" 選擇"生成CSS" 單擊"好"→"保存"就可以輸出一個目前流行的"div+css"的HTML網(wǎng)頁。 more »js實現(xiàn)頁面慢慢垂直移動
2011/08/25 at 15:12 » Comments (14)
javascript實現(xiàn)頁面慢慢垂直移動,就是慢慢移上去或者掉下來的效果 for(var i=0;i<351;i++){ window.scrollTo(0,i) } more »js輸出當(dāng)前日期時間和星期幾
2011/08/25 at 14:58 » Comments (6)
javascript輸出當(dāng)前日期時間和星期幾的方法 1,按照本地時間格式 <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 »JQ實現(xiàn)元素上下移動
2011/08/25 at 14:33 » Comments (5)
jquery實現(xiàn)元素上下移動代碼 $('.ctl-prev').click(function(){ $('#ctl-ul li:last-child').clone(true).prependTo('#ctl-ul'); //clone(true)參數(shù)true是表示把元素所綁定的事件一起克隆,在副本還能夠監(jiān)聽到事件并且觸發(fā)動作 $('#ctl-ul li:last-child').remove(); ...more »jq實現(xiàn)簡單的li(文字或圖片)垂直滾動
2011/08/25 at 14:24 » Comments (265)
以下代碼jquery實現(xiàn)簡單的滾動,原理是克隆第一個li然后放到末尾,接著讓它往上滑動然后清除掉,反復(fù)循環(huán) <script type="text/javascript"> function slide(ClassName){ var ID = setInterval ("run('"+ClassName+"')",1000); ...more »