等待-放飞梦想

勤现在-乐将来

前端交互

html、css、JavaScript、jQuery一切与前端相关的东东

使用lesscss来编码编写css

Await / 前端交互 / 2011/09/24 1:10

lesscss 是动态的样式表语言,他让css增加变量,组合,函数,运算等语法。这个项目的网站在国内访问不到,大家都懂的。

lesscss使用方法有两种:

页面添加一个 less.js的文件,css使用 style.less 文件后缀来编写,不过需要有服务器的环境支持
继续阅读

这两天一直大折腾这个腾讯微博的广播调用。在胖神的帮助下,总算完成的差不多了。基本上和腾讯微博的页面格式保持一致。
数据来源是用腾讯微博RSS/JSONP格式输出的地址。

  1. http://v.t.qq.com/output/json.php?type=2&name=Dawait&sign=d9fbc9349a11247c6a891050c4fae755b023303a

type=1 为我的广播;
type=2 为我的首页时间线;
直接打开这个地址,会看到有一串很大的数据,weiboData({Data…});一开始不了解这个JSONP是啥玩意。所以用PHP把这个做相应处理后再输出JSON格式,然后AJAX请求,返回后处理。后来在胖神(现在叫胖帝了)的指导下,才知道可以直接用JS读取数据。于是一翻折腾,总算完成了。后来查了查下资料,了解了一下 jsonp 跨域请求方式.跟大家分享一下。
继续阅读

今天在做右下角那个静止的工具栏时遇到了一个问题。鼠标放上去的时候,要让周围的4个按钮按顺序显示出来,移开的时候要按顺序隐藏。左思右想发现用animate的回调函数方式来写比较麻烦。于是百度了下,发现jQuery中有一个队列方法“queue”。
定义和用法
queue() 方法显示或操作在匹配元素上执行的函数队列。
queue和dequeue的过程主要是:
1,用queue把函数加入队列(通常是函数数组)
2,用dequeue将函数数组中的第一个函数取出,并执行(用shift()方法取出并执行)
继续阅读

分页图片
如上图所示的分页,其结构如下:

  1. <div class="pagenavi">
  2.     <ul>
  3.         <li><a href="" title="">1/18</a></li>
  4.         <li><a href="" title="">上一页</a></li>
  5.         <li class="current"><a href="" title="">1</a></li>
  6.         <li><a href="" title="">2</a></li>
  7.         <li><a href="" title="">3</a></li>
  8.         <li><a href="" title="">...</a></li>
  9.         <li><a href="" title="">18</a></li>
  10.         <li><a href="" title="">下一页</a></li>
  11.     </ul>
  12. </div>

继续阅读

有兴趣的同学请加群:166281776 一起交流

关于插件:

已更新为2.8

一个基于jQuery的弹出层。最新版本2.8;

支持拖拽,支持多窗口。内容为文字,ID,图片,SWF,URL,框架;

这个插件前前后后修改了几个月了。一直在改进;到现在差不多了。以后不会经常更新了;

参数JS代码里已作注释,这里不再复述;所有参数都为可选。就这么多了;有问题大家留言或发邮件给我!

更新:(2011-05-16)

1. 已修复IE6下存在的问题;

2. 然后增强了随机生成的ID防重复;

继续阅读

关于这个焦点图没啥说的了,网上太多了。但自己一直没找到个合适的。现在的这个是Dreamy主题中的升级版,虽然看起来一模一样。其实做了很多扩展,优化了结构和JS部分。可以选择切换方式(左右滚动,上下滚动,淡入淡出)三种动画模式。可以设置执行时间。可以自定义大小,方便应用。可以选择是否自动切换。还是上代码吧。也没啥说的了。
继续阅读

最近碰到一个问题,发现jquery在chrome 中, ajax的load get等方法完全失效。 代码如下:

  1. function getHtml(url,ctner){
  2. //alert(ctner);
  3. //$.get(url,function(data) {$(ctner).html(data);}, "text");
  4. try{ $(ctner).load(url); }
  5. catch(e) { alert(url + "读取错误"); }
  6. }

症状: 其实语句是执行了,如上面的代码,TRY的时候并没有抛出错误,但返回的内容就是空值。

百度了半天没发现解决方法。 后来GOOGLE了一下老外的内容,才发现问题的症结
继续阅读

firefox与ie 的javascript区别

Await / 前端交互 / 2010/08/10 10:09

浏览器的兼容问题目前还是一个头痛的问题。除了CSS的兼容性,Javascript的兼容有时候更容易让人头痛。下面收集的一些关于Firefox和IE的区别作个记号,需要的时候看看

1. Document.form.item 问题
现有问题:
现有代码中存在许多 document.formName.item(“itemName”) 这样的语句,不能在 firefox下运行
继续阅读

Top 管理

无觅相关文章插件,快速提升流量