当前位置:首 页>> 百 宝 箱

jQuery : Write less , Do more 初步学习 微信扫一扫
分享给朋友

  jQuery 早就用到了,基本折腾网站的人应该都有所了解,很多网页上的特效都和它有关。只是之前都是用别人现成的东西,拿来自己配置换换样式而已,没有认真的去研究学习一下。前阵子做项目,个别搞不定的地方,可用jQuery搞定,于是乎又勾起了俺的好奇心,研究一下jQuery到底是个啥,能干什么。于是乎官网去瞅瞅,然后Google一些中文的资料和教程,花了几天时间从头到尾彻底的了解了个大概。本身俺是对编程写代码有恐惧的,什么变量,运算,条件,循环,事件,方法,属性,不出半小时俺就被它们弄奔溃了。所以这次是硬着头皮啃完,也仅仅是想在自己需要的时候,能知道怎么用jQuery来解决一些小问题。想一下子吃成胖子那是不现实的,只能慢慢积累了,下面就是俺啃完之后的一点小小的总结。 jQuery : Write less , Do more 初步学习

些许 CSS 样式表的问题总结 微信扫一扫
分享给朋友

  前阵子做项目,忙碌了一个半月多,早十点到晚十点,最后几天还整了个通宵,岁月催人老啊,熬夜大不如前,不服不行啊。
  项目完工,小小总结一下碰到的个别问题,基本都是CSS样式表相关的。
1、div元素的 overflow:hidden 在 IE6 中失效,需要 position:relative,IE7、8没有问题。
2、form 嵌套,会导致两个 form 之间的元素重复出现,嵌套这种情况一般不会出现,主要是页面中有include包含其他文件,导致嵌套了,见下面代码:
<form>
 <!-- 其他代码 -->
  <form>
    <!-- 其他代码 -->
  </form><!-- 这个form是include进来的 -->
 <div>这个元素可能会被重复显示</div>
</form>

抽空又把相册升级了一下 微信扫一扫
分享给朋友

  相册记录了不少我自己拍摄的照片,相册程序是个单文件目录直读的NEATPIC,版本比较老,所以想升级一下,就从PHP的源文件找到作者的Website去了,一瞅作者还是更新了,之前一直没更新,这回是使用PHP5从写了这个单文件目录直读相册程序,功能基本和以前一样,单文件的话,作为相册程序,俺认为还是非常不错的。拿到新版文件就开始折腾了,把模板换了一下,用DIV+CSS从新规划了一下,然后又整合一下jQuery的一个图片显示插件yoxview,基本效果我自己是比较满意了,不过这个新版的单文件暂时无法读取中文目录,老版本是可以的,作者也修正了这个版本的BUG,但是还没有正式发布修复BUG后的更新版,所以只能等待了,俺也去留言了。如果您觉得这个相册不错,也想使用的,可以和我交流一下。
  俺的相册地址:http://photo.dvxj.com/
  NEATPIC作者网站:http://www.neatstudio.com/
  jQuery yoxview插件网站:http://www.yoxigen.com/yoxview/

免费的WEB Mp3 player:jPlayer 微信扫一扫
分享给朋友

  俺的博客左侧的在线Mp3播放器已经用了有段日子了,好像是从2005年的时候就开始用了,Flash的,通过XML文件加载歌曲列表,但是不支持中文歌曲名称,一直想换掉,没抽出空,这几天Google了一阵子,之前这个版本的播放器官网有新版本,下了一个演示版,功能多了不少,歌曲列表也支持中文了,可是变成收费的了。穷人啊,只能继续Google了,找了几款,基本都是收费的,免费版本有功能限制,有的甚至加了商业链接,当然,这也无可厚非。没办法,继续寻找,没想到还找到了,即免费,又开源的一个jPlayer,基于jQuery,加之HTML+CSS控制其样式,总体感觉非常棒,因为可以自己定制样式,我不会编程,所以功能方面的定制就算鸟。于是花了点时间,把播放器的宽度和按钮什么的,能调整的我都调整了,调整到我看着比较舒服,和博客比较搭调的外观,基本没啥问题了,再就是把以前的歌曲里表还得从新弄好,就彻底完工了。
  不过,这个jPlayer不是单纯的Mp3播放器哦,在线视频也是可以播放的,暂时不需要视频播放功能,所以就没仔细研究,有需要的同学可以去官方网站详细了解一下。
官方网站:http://www.jplayer.org/
What is jPlayer?
jPlayer is a jQuery plugin that allows you to:
·play and control media files in your webpage
·create and style a media player using just HTML and CSS
·add audio and video to your jQuery projects
·support more devices using HTML5
·support older browsers using a Flash Fallback
·control media on your website using a JavaScript API
jPlayer supports:
·HTML5: mp3, m4a (AAC), m4v (H.264), ogv*, oga*, wav*, webm*
·Flash: mp3, m4a (AAC), m4v (H.264)
 * Optional counterpart formats to increase HTML5 x-browser support.
jPlayer works on the latest browsers and the Internet Explorer legacy:
·Windows: Firefox, Chrome, Opera, Safari, IE6, IE7, IE8, IE9 beta
·OSX: Firefox, Chrome, Opera, Safari
·iOS: Mobile Safari: iPad, iPhone, iPod Touch
·Android: We require a device for testing
jPlayer works with jQuery 1.3.2+

About jPlayer
Developed by Happyworm, jPlayer is Free, Open Source and dual licensed under the MIT and GPL licenses.
One of Mark Boas's many ideas, it has been made real by Mark Panaghiston.
Silvia Benvenuti helped with the HTML, CSS and all the pretty graphics.
Happyworm is a small web agency that focuses on innovation.
[Edit on 2011-1-30 22:54:58 By 笑傲江湖]

人到穷途应一笑,几凡失意仍能傲。成败何须问江湖,我心依旧任逍遥。
这一生只想好好做个平凡的人,有个家有个梦,陪我迎接每一个早晨。
这一生只想好好做个平凡的人,何必争何必问,只有快乐开心才是真。