上次看到有个 web 招聘笔试题里有个题大意是这样的: 是否尝试写过无限级的导航菜单? 我一时兴致就尝试写了一下.
要想兼容 IE(6/7/8) 系列还真的挺费事. 不得不动用 javascript 以及在 CSS 中使用 hacker. 对 Javascript 我只懂些皮毛. 要想做出些动画效果那几乎不可能. 只好用 jQuery 了.
我现在做了个DEMO. 要修改其动画效果只需要改改 js 中的鼠标效果即可. jQuery 自带的几个动画效果都可以. 当然你还可以发挥你的想象写些自定义动画.
知道了一些基本的Ajax再来看jQuery的官方文档就比较容易理解了.我还是菜鸟.不能和大家来讨论更多的理论上的东西.很多人也不喜欢理论上的东西.所以这次我用jQuery的Ajax来做一个东西.—随机一句话.
大家也许注意到我的站点header部分能随机的现实一句话.单击还能刷新!怎么实现的.今天我们就一步一步做一个.哈哈.follow me.
服务器端代码是借鉴的wordpress自带的一个插件Hello Dolly.它能在后台随机显示一句话.但是不支持Ajax.我们要做的是把他弄到前台显示.并实现Ajax刷新的效果.
Read more…
不知道大家注意到我的links页面没有.我写加了搜索评论和查Google PR的功能.今天写个例子实现查PR的例子.基于POST方法.
这个例子用GET方法其实也是很好的.因为传输的数据很少.但是对于一个比较大的表单.项目比较多.输入的字符比较多.那就必须用POST方法了.
下面开始写服务器端查pr的代码.这些代码是我在网上找的,我把它改成我需要的样子.可能不是最好的方法,但是我的要求是能实现查询即可.是在迅雷上找的.源码没有注明作者.这里不好点名感谢了.总之谢谢.哈哈
Read more…
这是我写的第一个Wordpress插件.用于实现Wordpress首页分页部分的Ajax分页效果.具体是什么效果呢?你可以点击我的分页看看.
使用这个插件的好处,用一句话来总结就是提高用户体验.下面我具体解释一下,它是如何提高体验的….
jQuery版ajax comment pager
首先我声明,这个不是又产生了一个新的插件,而是我告诉大家我是如何修改mg12的插件ajax comment pager为jQuery方式来实现Ajax.因此很多的地方是针对我现在的这个主题而言的.不具备很高的通用性.只能给大家一些参考性的意见.
我也这里对于评论的翻页进行了部分js代码的重新激活(或者说是重载?这个我有点不好表达).从而在翻页后DOM被局部刷新后,js还能使用.因该是比较完美的解决了原有版本造成的翻页后鼠标悬浮和部分js脚本不能使用的问题.如果你是个爱折腾的人真的有必要参考一下.
Javascript真是个很神奇的东西.在前端设计中应该是具有越来越重要的作用.尽管有时候它拖慢了网页的载入.但是不可否认,相对用户体验来讲,这点点的牺牲还是很值得的.于是我们开始一点一点的在网站上添加代码.提供越来越多的效果.代码也就也来越大.拿mg12的主题以及插件来讲.所有的js都是自己写的.这样有好处,降低了错误的发生,具有较高的可控性.同时代码也不较少.但是像我这种爱折腾的人来讲.那些js远远不能符合我的要求,全部在自己写的话一是能力有限,二是.代码写出来或许也过于冗长了.所以我还是使用的了jQuery.一种更为简单的实现方式.从Google加载过啦的代码是压缩输出的.实际上浏览器只接收到18K左右的压缩文件.只相当于一张小图片的大小.算是很划算的了.所以我现在的很多js都是基于jQuery的.要的就是要充分利用这个18K.修改这个插件也是基于这个考虑.他的脚本有点大.而且我的鼠标悬浮还不能使用….
看吧,我是个爱废话的.下面正式讲.怎么修改的. Read more…