前端交互  |  

使用lesscss来编码编写css

浏览次数:×1,732

评论:×10

2011080118002730

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

lesscss使用方法有两种:

页面添加一个 less.js的文件,css使用 style.less 文件后缀来编写,不过需要有服务器的环境支持
(更多…)

前端交互  |  

Jsonp 方式跨域获取 json 数据

浏览次数:×1,789

评论:×6

这两天一直大折腾这个腾讯微博的广播调用。在胖神的帮助下,总算完成的差不多了。基本上和腾讯微博的页面格式保持一致。
数据来源是用腾讯微博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 跨域请求方式.跟大家分享一下。
(更多…)

前端交互  |  

jQuery中queue和dequeue的用法

浏览次数:×1,883

评论:×1

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

前端交互  |  

[置顶] 未知宽度容器的居中解决方案

浏览次数:×4,756

评论:×13

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

  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>

(更多…)

前端交互  |  

[置顶] JQ弹出层插件(tipsWindow 2.8)

浏览次数:×16,801

评论:×154

关于插件:

已更新为2.8

一个基于jQuery的弹出层。最新版本2.8;
支持拖拽,支持多窗口。内容为文字,ID,图片,SWF,URL,框架;

这个插件前前后后修改了几个月了。一直在改进;到现在差不多了。以后不会经常更新了;
参数JS代码里已作注释,这里不再复述;所有参数都为可选。就这么多了;有问题大家留言或发邮件给我!

更新:(2011-05-16)

1. 已修复IE6下存在的问题;
2. 然后增强了随机生成的ID防重复;
(更多…)

前端交互  |  

分享Flight主题中的焦点图(基于JQ)

浏览次数:×5,889

评论:×22

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

前端交互  |  

jquery ajax方法如load,get等 在Chrome下失效的问题

浏览次数:×4,240

评论:×4

最近碰到一个问题,发现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区别

浏览次数:×3,827

评论:×19

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

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

分页 1 / 912345...最后一页 »

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