JavaScript图片横向平滑切换效果

星期四, 08. 6. 2009  –  Category: 前端技术

图片横向轮转（平滑）效果：
图片左右翻转……

HTML 代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>ImagesRoll</title>
<link rel="stylesheet" href="css/imagesroll.css" />
</head>
<body>
<div style="text-align:center;">
<script language="JavaScript" type="text/javascript" src="js/prototype.js"></script>
<script language="JavaScript" type="text/javascript" src="js/effects.js"></script>
<script language="JavaScript" type="text/javascript" src="js/glider.js"></script>
<div class="imagesroll" id="my-glider">
<div class="scroller">
<div class="content">
<div class="section" id="section1">
<p><a href="#" target="_blank"><img [...]

ThickBox – 网页图片弹出展示程序

星期四, 07. 16. 2009  –  Category: 前端技术

ThickBox 3.1
Thickbox 是一个基于 jQuery 类库的 网页 UI 对话框 拓展工具，它用户显示单个图片，图片组，AJAX 请求内容或链接内容。
示例：http://jquery.com/demo/thickbox/#examples  （复制到你的浏览器）
所有资源均可以在这儿下载 http://jquery.com/demo/thickbox/
概述

thickbox 基于超轻量级 JQUERY 类库，JQUERY 压缩后为20K，解压后58K。
THICKBOX JavaScript 程序 和 CSS 代码只有15K（如果使用 compressed.js 只有10K），CSS 文件可以根据需求自行修改。
thickbox 可以自动调整尺寸大于浏览器窗口的图片。
thickbox 功能多样，可以用于 图片， iframe框架，内嵌的内容，AJAX 请求。
ThickBox will hide form elements in Windows IE 6.
ThickBox 能在使用者滚动页面或改变浏览器窗口大小的同时始终保持居中. 点击图片、覆盖层, 或关闭链接能移除 ThickBox.
ThickBox 的创作者决定动画应该因人而异, 所以 ThickBox 不再使用动画了. 这是特性吗? 哦, 有人说是呀.
thickbox 可以通过 <a>标签、 输入框（特别是按钮）和文本域(图象映象–图片的可点区域、图片多个链接区）

怎么使用 thickbox
为了让thickbox能够正确的运行和展示，使用之前先得确认网页符合 thickbox 要求的文档定义类型（DTD）。
1.thickbox基于JQUERY [...]

关于站长

姚迎迎，生于 1985年3月2日， 江苏大丰人士 。修行于福州大学软件学院

Google AD

最近文章

标签云

ajax Apache apt-get CSS Debian dedecms error firefox HeidiSQL htaccess html IE6 javascript jQuery lamp linux mod_rewrite mysql mysql5 MySQL Front php phplist phpmyadmin postfix thinkphp Ubuntu ubuntu server wordpress 京腔 代码 十年 年轻的时候很傻很天真 悉尼歌剧院 数据库 新贵妃醉酒 李玉刚 歌词 歌词翻译 盛世霓裳 示例 翻译 芳华绝代 视频 贵妃醉酒 音乐

Google 广告