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

昨天已经解决了flowplayer播放swf出现的重声问题，但是还有一个问题就是下面controls控制菜单依然失效，没办法，客户建议直接隐藏掉，下面是代码： 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)

今天在修改一个项目，客户网站用到flowplayer-3.2.7这个播放器来播放视频文件，如果格式是flv格式的文件则播放没有问题，如果格式是swf的文件，播放的时候就会出现一个play again 的按钮一直在视频上面，一点击就会重新播放，声音还会叠加，跑到官网去看手册，最后想出一个解决的方案是把按钮隐藏掉，但是这样点击视频还是会出现重播，于是我给视频加了一个链接，如下： 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 »

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

默认iframe框架是不能撑开高度的，如果需要让框架高度自适应需要用js实现 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)

以下代码实现垂直不简单滚动跑马灯效果，注意js代码要放在html代码后面 <div id=maq style=overflow:hidden;height:200px;width:204px;> <div id=mtext> <ul> <li><a href="http://www.zui88.com/news/view-8611-1.html">从善如流重民意办好实事惠民生</a></li> </ul> <ul> <li><a href="http://www.zui88.com/news/view-8612-1.html">岐江夜游两岸大改造 重点打造滨江一号广</a></li> </ul> <ul> <li><a href="http://www.zui88.com/news/view-8613-1.html">60年工龄钳工熬成机车专家</a></li> </ul> <ul> <li><a href="http://www.zui88.com/news/view-8614-1.html">小客车成了水果摊</a></li> </ul> <ul> <li><a href="http://www.zui88.com/news/view-8615-1.html">曾轶可欲投票洪辰被阻止？</a></li> </ul> <ul> <li><a href="http://www.zui88.com/news/view-8616-1.html">电动车上练瑜伽？</a></li> </ul> <ul> <li><a href="http://www.zui88.com/news/view-8617-1.html">为未来发展献计支招</a></li> </ul> <ul> <li><a href="http://www.zui88.com/news/view-8618-1.html">为重点工程把脉开方</a></li> </ul> <ul> <li><a href="http://www.zui88.com/news/view-8619-1.html">"防盗网"令小区治安明显好转</a></li> </ul> <ul> <li><a href="http://www.zui88.com/news/view-8620-1.html">彩虹社区</a></li> </ul> <ul> <li><a href="http://www.zui88.com/news/view-8621-1.html">116家个体工商户转型为企业</a></li> </ul> <ul> <li><a href="http://www.zui88.com/news/view-8622-1.html">送科技送法律送健康</a></li> </ul> <ul> <li><a href="http://www.zui88.com/news/view-8609-1.html">网络团购猫腻多做好备份好退货</a></li> </ul> </div> <div id=m0></div> </div> <script> var speed=40 //调整滚动速度 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> 效果如：   从善如流重民意办好实事惠民生 岐江夜游两岸大改造 重点打造滨江一号广 60年工龄钳工熬成机车专家 小客车成了水果摊 曾轶可欲投票洪辰被阻止？ 电动车上练瑜伽？ 为未来发展献计支招 为重点工程把脉开方 "防盗网"令小区治安明显好转 彩虹社区 116家个体工商户转型为企业 送科技送法律送健康 网络团购猫腻多做好备份好退货 more »

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="#">关于我们</a> <!-- 下拉部分--> <ul><li><a href="#">公司简介</a></li> <li><a href="#">总经理致辞</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打开图片文件，首先得先对PSD文件做切片，有两种方法： ①使用工具栏上的"切片工具"， 然后在图象上划出一块一块的区域。 ②使用基于参考线的切片，按ctrl+R调出标尺栏， 把鼠标移动到标尺上，按住鼠标左键，移动到图象上，将会看到一条绿色的参考线，如图 将参考线；排好，然后点一下工具栏上的切片工具图表，然后点上面 选项栏里的"基于参考线的切片"。于是在原来的参考线上就变成了一块一块的切片了。 接下来就可以输出了: ①依次选择菜单栏上的"文件"→"存储为Web所用格式"→"存储"。 ②接下来就会弹出一个"将优化结果存储为"的窗口，如图 在"保存类型"处有个下拉列框可以选择，因为我们要存储为网页的格式，所以选择"HTML和图象(* html)"，再选择"保存"就可以输出一个网页格式的HTML文件与一个包含图象的名为"images"的文件夹。 ③如果我们需要输出"div+css的网页"我们还可以这么做： 在"设置"处的下拉列框，选择"其他" 就会弹出一个"输出设置"的窗口 在第2个下拉列框处选择"切片" 选择"生成CSS" 单击"好"→"保存"就可以输出一个目前流行的"div+css"的HTML网页。 more »

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

javascript实现页面慢慢垂直移动，就是慢慢移上去或者掉下来的效果 for(var i=0;i<351;i++){ window.scrollTo(0,i) } more »

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

javascript输出当前日期时间和星期几的方法 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> //注意：月份的算法要在原有数字上加1 more »

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

jquery实现元素上下移动代码 $('.ctl-prev').click(function(){ $('#ctl-ul li:last-child').clone(true).prependTo('#ctl-ul'); //clone(true)参数true是表示把元素所绑定的事件一起克隆，在副本还能够监听到事件并且触发动作 $('#ctl-ul li:last-child').remove(); ...more »

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

以下代码jquery实现简单的滚动，原理是克隆第一个li然后放到末尾，接着让它往上滑动然后清除掉，反复循环 <script type="text/javascript"> function slide(ClassName){ var ID = setInterval ("run('"+ClassName+"')",1000); ...more »