jquery Tips 可以是图片，加链接，注意CSS3下更漂亮
演示地址:http://www.corange.cn/demo/3719/index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery Tips 可以是图片，加链接，注意CSS3下更漂亮</title>
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<h1> </h1>
<div class="main">
<p title="A New Tutorial Every Week" style="top:200px;left:120px;">
<a href=""><img class="spaceBottom" src="../demo1.jpg" width="620" height="260" title="Browse through our collection of tutorials" alt="A diverse collection of practical tutorials" /></a>
<a href="">here</a>.
</p>
<p title="2200+ Twitter Followers" class="openTop openLeft blue" style="top:400px;left:650px;">
<a href=""><img src="../demo2.jpg" title="Follow us" class="spaceTop" alt="Follow us on twitter" width="460" height="210" /></a>
</p>
<p title="Over 5000 RSS Subscribers" class="openTop red" style="top:500px;left:90px;">
<a href=""><img src="../demo3.jpg" class="spaceTop" alt="Subscribe" title="Subscribe" width="400" height="180" /></a>
</p>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</body>
</html>
corangecn
- 浏览: 60968 次
-
最新评论
jquery Tips 可以是图片，加链接，注意CSS3下更漂亮
相关推荐
在 6om购物排行榜上发现了这个 jquery tips 商品图片提示框，非常漂亮。 使用 Jquery 类库，代码精简，并且带人性化缺口和阴影。 那个箭头不要以为是用图片做的，其实并没有，完全用 CSS 实现。 我把代码分享出来，...
3.jQuery+CSS实用图片收缩与放大效果插件 4.jquery+div实现同时滑动切换的图文展示特效插件下载 5.jquery+div带动画按钮图片手动与自动切换的特效代码 6.jquery一页多用的飞飞图片幻灯插件演示 7.jquery仿...
类似于一个小商城。主要用到jquery的方法。实现新闻的向上滚动，图片的切换，图片的局部放大，移动到上面tips的实现。是学习html的java脚本、css样式表、jquery的绝佳例子。更有可能是你建站的基础。jquery商城。
jQuery提示tips特效代码.zip
本文实例讲述了jQuery实现漂亮实用的商品图片tips提示框效果。分享给大家供大家参考，具体如下： 运行效果截图如下： 具体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
引入包内js及css文件，给元素设置titile，界面加载时调用元素.tipTip()方法，即可在鼠标悬停到指定元素时显示元素title内的内容。 我是悬停提示内容">我是div的文本内容 $(function(){ $("#div1").tipTip(); })
jquery-notify是一款简单实用的jQuery消息提示插件，该消息提示插件的特点是可以在显示提示框的时候发出声音。它简单实用，用户体验非常好
Jquery是继prototype之后又一个优秀的Javascrīpt框架，它是轻量级的js库(压缩后只有21k) ，它兼容CSS3，还兼容各种浏览器。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供...
Delves into CSS3, teaching you how to control or change the way your pages look and offer tips on how to create attractive designs Explores the jQuery library and how to implement powerful JavaScript ...
本站另外一款html5+css3制作仿Google Tips的jquery翻卡片应用。本实例在Chrome, Firefox, 和 Safari 在PC端与移动测试通过，IE下没有请自行测试。演示地址：http://www.jqcool.net/jquery-flip-out-cards.html
移动端基于jquery,zepto的UI组件库，目前实现 JS Components：Toast、Action、Tips、Dialog、Swiper、CityPicker、DatetimePicker、Tab、Range Css Component：oneborder、Loading、button 等
Delves into CSS3, teaching you how to control or change the way your pages look and offer tips on how to create attractive designs Explores the jQuery library and how to implement powerful JavaScript ...
Mobile applications come in two basic flavors: native applications, which are ... As jQuery Mobile advances, we hope to update this ebook to cover new features and provide new tips and techniques.
主要文件：mopTip-2.2.js mopTip-2.2.css jquery-1.4.2.js jquery.pngFix-1.2.js（PNG去Bug，让PNG正常透明显示）moptip2与jQuery结合实现实现的气泡信息框，鼠标滑过时显示一个带渐变效果的提示框，一共有5种不同的...
由HTML5、CSS3以及JS制作而成，没有用到任何游戏引擎框架，仅仅用了jquery框架##一起外滩约妹子吧##运行请用支持HTML5的浏览器运行 index.html页面使用方向键left和right 控制角色移动tips:由于这只是个初期的DEMO，...
Protip是一款功能强大的jQuery Tooltip插件。它提供众多的参数和方法来控制Tooltip，可以在49个位置上显示Tooltip，并且可以和animate.css配合制作各种Tooltip过渡动画效果。
jQuery 弹窗 对话框 拖动 非插件 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ; charset=utf-8" /> 资源网 ...
tips[3] = '漂亮但无内容的网站，没有人会第三次访问它。'; tips[4] = '所谓策划：简单的问题复杂化，复杂的问题简单化'; tips[5] = '不会打枪的士兵能打仗么？分不清盐和碱的能成为厨师么？不懂web技术能策划网站么...
当光标移动到某些元素上时，会弹出像tips的提示框。 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>...
1、该资源内项目代码都是经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用，也...