JavaScript应用

摘要: 此脚本拟达到以下需求 当图片高或宽超过父容器时截取中间部分显示。 当图片宽高小于父容器时,居中显示。 插件中”width”和”height”两个参数可以设定图片实际输出的宽度。 可以通过样式设置图片的偏移位置,例如.themes2 li a img{ margin-top: -5px; margin-left: -5px}; 第3点和第4点结合可以尽可能的解决一个问题,就是解决图片边缘模糊是造成视觉上的不爽。阅读全文
posted @ 2011-11-30 10:24 CB 阅读(11) | 评论 (0) 编辑
摘要: Javascript 打开了web设计的大门,给了Html和CSS更宽广的舞台。HTML5和CSS3,又比从前进步了一大截。神奇的根源来自JavaScript,它可以向你的网站布局中加入交互元素。以jQuery Masonry为例,它转换常规的布局,到一个真正的动态布局,可自动对齐任何项...阅读全文
posted @ 2011-06-02 10:24 CB 阅读(51) | 评论 (0) 编辑
摘要: 在前两周国外知名博客WDL先后分享了“2010最佳系列”中的“最佳免费WordPress主题”和“最佳免费字体”,在这个星期又发布了2010年最佳jQuery插件。在2010年,JavaScript框架继续日渐普及,这使得大量的插件被开发出来。满目琳琅,难以选择心头之好。WDL的作者从大量的优秀jQuery插件精心筛选出一些对Web Designers有帮助的和具备非常不错的视觉效果的Best of the best。 阅读全文
posted @ 2010-12-06 14:56 CB 阅读(76) | 评论 (0) 编辑
摘要: 滚动到顶部和底部的jQuery效果也是一个在blog中很常见的jQuery效果。 之前一直用的是西门的《缓冲版”返回顶部”》,当然现在还在继续用,觉得蛮好的,昨天看了一些jQuery的资料,浏览了一些国外jQuery代码网站,于是自己修改了一个”精简版”滚动到顶部和底部的jQuery(折腾玩玩..)。 阅读全文
posted @ 2010-10-19 10:25 CB 阅读(131) | 评论 (0) 编辑
摘要: 围剿 Flash 的不仅有 HTML 5,还有 JavaScript,著名的 JavaScript 框架 jQuery 在运动特效方面已经越来越流畅,有时候你需要点一下右键来确认它不是 Flash。本文介绍了10个非常出色的 jQuery 运动特效,这些效果可以更有效地展示你的内容。阅读全文
posted @ 2010-03-02 10:12 CB 阅读(169) | 评论 (1) 编辑
摘要: jQuery之所以如此流行并被从大公司到个人博客的几乎每个人都广泛使用,是因为它上手和使用相当简单,而且为我们提供了一些人都不知道的相当棒的特性。我认为jQuery的大多数用户更趋向于使用jQuery插件来解决面临的难题,这通常是明智的选择。但是当插件相对于你的需求有一定缺陷的时候,你也许更应该想办法自己来解决,下面来看看这些实用的jQuery技巧,他们肯定会能够派上用场的!阅读全文
posted @ 2009-12-21 14:32 CB 阅读(73) | 评论 (0) 编辑
摘要: 对于全站网页制作有用,不用配iis就可以把整站的头部导航和尾部以一个外部文件的方式引入,就好像asp php中的include功能。原理是从网上找的,后用js做了些改进。阅读全文
posted @ 2009-07-16 09:02 CB 阅读(671) | 评论 (1) 编辑
摘要: 交付信息结构是一个交互式用户界面所需要完成的首要任务。更直观的布局结构设计,能使用户更好的理解内容。 不管你想要介绍的是什么样的内容,你都可以以更加互动和更加适应的方式去呈现现它。本文里面,我们为你收集整理了11种高超的JavaScipt技术,让你更好的控制内容的显示方式,以便用于下一次的布局设计。 阅读全文
posted @ 2009-02-05 09:10 CB 阅读(428) | 评论 (1) 编辑
摘要:
We advocate using CSS whenever possible, and we often successed. Modern browsers have very good support for CSS — it’s certainly good enough for you to use CSS to control layout and presentation. Sometimes however, certain page elements will appear differently in different browsers. That’s why today we wanted to highlight 15 jQuery solutions for the most common browser issues that you’ll encounter when building w阅读全文
posted @ 2009-02-04 08:43 CB 阅读(655) | 评论 (0) 编辑
摘要: 我们提倡尽可能使用CSS,而且我们常常能做到这一点。现代浏览器有很好的CSS支持-这无疑足够好让你使用CSS来控制布局和版面设计。但是有时候,某些网页元素在不同的浏览器会出现不同。阅读全文
posted @ 2009-01-10 22:06 CB 阅读(84) | 评论 (0) 编辑
摘要: 拖放效果,也叫拖拽,学名Drag-and-drop ,是最常见的js特效之一。 如果忽略很多细节,实现起来很简单,但往往细节才是难点所在。 这个程序的原型是在做图片切割效果的时候做出来的,那时参考了好几个同类的效果,跟muxrwc和BlueDestiny学习了不少东西。 虽然每次整理都觉得很好了,不过每隔一段时间又会发现得某个地方可以改善,某个地方有错误,某些需求需要实现,就像自己学习的知识那样。 阅读全文
posted @ 2008-11-25 08:25 CB 阅读(178) | 评论 (0) 编辑
摘要: 最新流行flash轮播或切换幻灯片广告演示源码
阅读全文
posted @ 2008-07-08 15:31 CB 阅读(4413) | 评论 (1) 编辑
摘要:

滑动菜单效果是非常酷的,但很多时候,我们不希望为了酷使用大量脚本,影响到网页的载入速度.现在,如果你想弄一个滑动菜单,那你不用担心这个问题了,Leigeber创建了一个1KB的横向滑动菜单脚本. 别看它小,丝毫不逊色于那些使用jQuery或Mootools框架的滑动菜单脚本,这是一个多用途且独立的横向手风琴脚本,可用于菜单,图片,演示文稿的内容和更多你想使用的地方.它的一个更大的特点是,该脚本可以根据菜单的元素个数来自动调整适应菜单的尺寸。

阅读全文
posted @ 2008-05-29 19:28 CB 阅读(345) | 评论 (0) 编辑
摘要:

我们爱Mac,我们爱Mac风格的“鱼眼菜单”,也就是Dock Menu:当你鼠标悬浮在图标或链接上面的时候,会放大展示出来。下面是几个Mac风格的鱼眼菜单(Dock Menu),你可以免费下载它们,并应用到你的Web设计中:

阅读全文
posted @ 2008-05-25 09:57 CB 阅读(589) | 评论 (0) 编辑
摘要:

之前已经为你介绍了50多个强大的jQuery插件,但是承受着jQuery的流行,越来越多的插件很快的冒出来。本文中为你收集了45个最新的jQuery插件,看看,有哪些是你想要应用到你的网页设计中的?

阅读全文
posted @ 2008-05-25 09:15 CB 阅读(675) | 评论 (0) 编辑
摘要:

jQuery是近段时间里比较流行的一个JavaScript框架,不断有使用者开发出新的 jQuery插件。下面收集了50个开发者最喜欢使用的jQuery插件。这仅仅是第一个系列,你先品尝,第二道大餐即将到来。

阅读全文
posted @ 2008-05-24 19:18 CB 阅读(1630) | 评论 (0) 编辑
摘要:

jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不及的,它兼容 CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。 jQuery 是一个快速的,简洁的 javaScript 库,使用户能更方便地处理 HTML documents、events、实现动画效果,并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 html 页保持代码和 html 内容分离,也就是说,不用再在 html 里面插入一堆j阅读全文

posted @ 2008-05-24 19:06 CB 阅读(312) | 评论 (0) 编辑
摘要: 每个 web 设计者都希望设计出富有创造性的导航菜单。现在为您呈现 13 个希奇的 Javascript CSS 菜单,你可以通过修改来设计出符合自己意愿的个性菜单。 阅读全文
posted @ 2008-05-12 20:56 CB 阅读(519) | 评论 (0) 编辑
摘要: http://bbs.blueidea.com/thread-2851793-1-1.html
蓝色风格:预览  下载
蓝色风格双击关闭:预览  下载阅读全文
posted @ 2008-05-04 13:15 CB 阅读(76) | 评论 (0) 编辑
摘要: 看到视觉中国(http://www.chinavisual.com/)改版了,首页的图片轮显用js写的,代码和效果都挺漂亮的,所有剥离了出来,供大家参考!版权归原作者所有!


阅读全文
posted @ 2008-05-02 08:26 CB 阅读(595) | 评论 (0) 编辑
摘要: 游标可以拖动 点击刻度游标跟随 加载时可预设值 封装成控件,可以绑定方法到游标,比如拖动游标时需要执行自定义方法,支持 onmoving 与 onend 定义。 支持 FF3.0、IE7、Opera9.5、Safair,其他版本的浏览器未经测试 阅读全文
posted @ 2008-05-02 08:16 CB 阅读(119) | 评论 (0) 编辑
摘要: 事件源对象
event.srcElement.tagName
event.srcElement.type
捕获释放
event.srcElement.setCapture();
event.srcElement.releaseCapture();
事件按键
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
事件返回值
event.returnValue
鼠标位置
event.x
event.y
窗体活动元素
document.activeElement
绑定事件
document.captureEvents(Event.KEYDOWN);
访问窗体元素
document.all("txt").focus();
阅读全文
posted @ 2008-04-18 14:05 CB 阅读(200) | 评论 (0) 编辑
摘要: Microsoft ASP.NET AJAX 是 Microsoft 公司对 Ajax 技术的完美封装。它能使你已快速的创建包含丰富用户体验的用户界面的 Web 页面,提供加入了跨浏览器的 ECMAScript(Javascript) 和动态 HTML(DHTML) 技术的客户端脚本,并与基于服务器的 ASP.NET 2.0 平台进行了集成。它还对 Javascript 进行了非常巧妙的面向对象方面的扩展,以提供对客户端面向对象编程的支持;提供了与 ASP.NET 紧密结合的客户端/服务器端组件、类型的自动转换;自动为客户端暴露服务器端的代码的方法;为远程 Web Service 提供本地客户端代理等许多优美的功能。使用 ASP.NET AJAX ,可以提高应用程序的用户体验和效率。
ASP.NET AJAX 由客户端脚本库和服务器端组件缓存,以提供一个健壮的开发框架。除了 ASP.NET AJAX 以外,还可以使用 ASP.NET AJAX Control Toolkit 和由社区提供的 ASP.NET AJAX Futures 的特性。
阅读全文
posted @ 2008-04-08 15:29 CB 阅读(72) | 评论 (0) 编辑
摘要: 各种遮罩层(lightbox)实现
Thickbox - 基于 jQuery,支持 AJAX,轻量级的而且比较高效。可以在 lightbox 中使用图片或 HTML。大小约为 40k,目前还可作为 WordPress 的插件使用。

GreyBox - 创建 iframe 的弹出界面,可使用图片、HTML 及 URL,大小约为 20k。

GreyBox Redux - 基于 jQuery,比 GreyBox 更轻。
阅读全文
posted @ 2008-04-08 09:51 CB 阅读(2897) | 评论 (1) 编辑
摘要:
在很多语言的学习中,“事件”都是一个比较难理解,但是又是一个很重要的概念。javascript中的事件处理也是一样,正因为有了事件处理,才会出现Ajax拖动的效果。本文就讨论一下JavaScript中的事件处理,读过之后,您就会知道,很多Ajax框架实现拖动效果的原理了。
一、 IE Event对象
(一)IE Event对象的主要属性和方法
  在IE中有一个专门负责事件处理的对象Event,这个对象负责对事件的处理,含有很多的属性和方法,通过这些方法和属性的调用,就能完成很多的事件处理。
  type:事件的类型,就是HTML标签属性中,没有“on”前缀之后的字符串,例如“Click”就代表单击事件。
  srcElement:事件源,就是发生事件的元素。阅读全文
posted @ 2008-04-06 20:42 CB 阅读(78) | 评论 (0) 编辑
摘要: *****[第1页]*****
一 实用且必用的小脚本代码
二 鼠标旁边的提示信息,类似与163登录后的页面提示效果
三 如果文字过长,则将过长的部分变成省略号显示
四 滚动的图片
五 接收键盘指令的脚本
六 让你的文本链接渐隐渐显
七 类似与QQ的好友/黑名单之类的树型菜单-----推荐
八 很多的脚本翻页------推荐
九 DIV的透明层实现
十 JSP页面自动生成html页面/或任何格式页面-----推荐
十一 超级强大的表单验证-----推荐
十二 漂亮的脚本日历
十三 进入,退出页面的各种效果!
十四 很酷的效果,表格被选中回变颜色
十五 弹出提示的效果
十六 图片之间的切换
十七 DIV_圆边圆角的实现
十八 跳动的菜单
十九 通过页面抓取照片
二十 客户端静态页面玩分页
二十一 类似与google个性页面的好东东------网友155120
二十二 漂亮的表格
二十三 经典的带阴影的可拖动阅读全文
posted @ 2007-07-03 15:12 CB 阅读(52) | 评论 (0) 编辑
摘要: var currentpos,timer;
function initialize()
{
timer=setInterval ("scrollwindow ()",30);
}
function sc()
{
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos !=document.body.scrollTop)
sc();
}
document.onmousedown=sc
document.ondblclick=initialize 阅读全文
posted @ 2005-10-17 01:44 CB 阅读(96) | 评论 (0) 编辑
摘要: 禁止IE6的图像工具栏
屏蔽右键和编辑
阅读全文
posted @ 2005-10-16 17:27 CB 阅读(109) | 评论 (0) 编辑