• 首页

  • 归档

  • 分类

  • 标签

  • 朋友圈

  • 更多
    • 电影
    • 相册
    • 公众号
    • Instag
    • GitHub
    • Twitter

  • 搜索
  • ?人在线
Hi, Kainy
Hi, Kainy

Kainy Guo

碰到的事因你而生遇见的人为你而来

10月
24
学习笔记 建站❤编程 JavaScript

jQuery实现背景图填满屏幕的代码

发表于 2010-10-24 • 字数统计 473 • 阅读次数

拾贝电台是一个收集了众多优秀电台资源的广播频道聚合器,其功能模块较少,无非播放控制和播放列表等几个窗口。为了不至于留下太多的空白区域影响整体美观,设置了可拉伸的背景图片。这里把实现该效果的代码贴出:

用jQuery实现背景拉伸,自适应窗口的调整而改变大小。该段代码应该放在网页内容之前,最好是紧跟在<body>之后,这样可以避免页面加载时出现太突兀的情景。

JavaScript计算客户端浏览器窗口尺寸比较简单。第一个模块的代码做一些初步的计算,判断图像比例,浏览器宽度。

再使用jQuery来操作相应节点的CSS规则改变图片显示,以保持图像的的比例不变 适应浏览器窗口的调整。

阅读全文 »

10月
22
学习笔记 建站❤编程 HTML

HTML5的设计[部分翻译]

发表于 2010-10-22 • 字数统计 2060 • 阅读次数

又见HTML5,对HTML5功能特性、标准和概念的绍已是不绝于耳,正如被炒得如火如荼而又让人云里雾里的“云计算”概念。

不过这个演说的侧重点是html5的设计,而不是用html进行的设计。就像横空出世的大英雄,大家在对他的英雄事迹津津乐道后,总会有人想要关心英雄的身世(参考阅读:The Internet: a historical encyclopedia)。


.

阅读全文 »

10月
21
东写西读 互联网络

Web3.0之语义网

发表于 2010-10-21 • 字数统计 829 • 阅读次数

关于Web3.0的核心是什么,目前主要有两种观点:1.语义网; 2.Web IM ;下面主要介绍的是前者 语义网。

阅读全文 »

10月
18
学习笔记 建站❤编程 JavaScript

jQuery插件的创建方法

发表于 2010-10-18 • 字数统计 1154 • 阅读次数

一周前看到小谢发布自己的第一个jQuery插件-Xslider,对谢同学的崇敬之情顿时油然而生。于是这几天看到相关内容都留意一下,琢磨着啥时候也整一个自己的插件。要下定决心潜心研究jQuery的内部工作机制并创建一个作品 ,本身就是个不小的困难,而面对貌似不可能完成的困难,总是容易让我产生不愿向前一步的惰性,为了克服自身问题,还是按照习惯的学习方法,逆向工程学习法——张鑫旭大哥介绍了一个不错的文字信息提示插件——Colortip,就从对这个插件的研究入手结合官方教程,来认识jQuery插件的创建方法。

当然,这样的学习方法虽然容易上手能在较短时间里产出,却以牺牲规范性为代价,有很多不严谨的地方也在所难免。而在此过程中我也会将更多的精力放在插件的结构而不是功能的实现细节和最终效果上。

阅读全文 »

10月
17
学习笔记 建站❤编程 JavaScript

MooTools 1.3中的屏幕触摸事件

发表于 2010-10-17 • 字数统计 885 • 阅读次数

MooTools在其最新的1.3版本中加入了一个很给力的功能——检测屏幕触摸事件:<span><span>touchstart</span></span>, <span><span>touchmove</span></span>, <span><span>touchend</span></span>,<span><span>touchcancel</span></span>, <span><span>gesturestart</span></span>, <span><span>gesturechange</span></span>,<span><span>gestureend</span></span>和 <span><span>orientationchange,使得这一</span></span>Javascript框架更加完善。这篇文章就演示如何按照传统MooTools事件处理的语法,通过使用MooTools新特性来完成对移动事件的监听及响应。让移动设备用户在你的网页上完成原本只能在手机应用上进行的操作。

先看演示:必须用手机浏览器才有效果哦~.

前两个是点击屏幕产生的,后面一列是滑动产生的,电阻屏,只能记录到这些啦。。。

阅读全文 »

1…5556575859…116
Kainy Guo

网友Kainy

关♥生活,关注互联网。

Email 订阅 RSS 订阅
576 日志
23 分类
Creative Commons

博客已萌萌哒运行5659天5小时34分37秒(●'◡'●)ノ♥

跨时空APP下载 jsDelivr 提供 CDN 加速 Google Analytics 提供网站统计服务 SpeedTracker 前端性能监控。

© 2025 Hi, Kainy 由 Hexo 强力驱动 Theme By Sagiri v0.0.2 站点地图 闽ICP备10011360号

Made with by Kainy Guo