<script type="text/javascript" src="jquery-1.4.4.min.js" ></script>
<script>
$(document).ready(function(){
$(".bookmark").mouseover(function(){
var selecter = $(this).attr("id");
var sid = selecter.split("_")[1];
$("#bookmark_" + sid).css({border:"1px solid #81c5ff"});
$(this).css({background:"#f0f7fa"});
$("#bookleg_" + sid).css({visibility:"visible"});
});
$(".bookmark").mouseout(function(){
var selecter = $(this).attr("id");
var sid = selecter.split("_")[1];
$("#bookmark_" + sid).css({border:"1px solid #ffffff"});
$(this).css({background:""});
$("#bookleg_" + sid).css({visibility:"hidden"});
$("#bookmarkinfo").hide();
});
/** 层随鼠标移动 **/
$(".bookimg").mousemove(function(e){
var mx = e.clientX + $(window).scrollLeft();
var my = e.clientY + $(window).scrollTop() + 20;
$("#bookmarkinfo").css({visibility:"visible"});
$("#bookmarkinfo").css({top:my+"px", left:mx+"px"});
$("#bookmarkinfo").show();
});
});
</script>
分享到:
相关推荐
兴趣使然,纯属原创,方便他人,提升自己。
为使读者更好地进行开发实践,《锋利的jQuery(第2版)》的第8章将前7章讲解的知识点和效果进行了整合,打造出一个非常有个性的网站,并从案例研究、网站材料、网站结构、网站样式和网站脚本等方面指导读者参与到项目...
超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数...《超实用的jQuery代码段》的代码跨平台、跨设备、跨浏览器,充分向读者演示了如何使用jQuery的各项技术,实现令人激动的网页效果。带书签+源码
为使读者更好地进行开发实践,《锋利的jQuery(第2版)》的第8章将前7章讲解的知识点和效果进行了整合,打造出一个非常有个性的网站,并从案例研究、网站材料、网站结构、网站样式和网站脚本等方面指导读者参与到项目...
第1章 认识jQuery 1.1 JavaScript和JavaScript库 1.1.1 JavaScript简介 1.1.2 JavaScript库作用及对比 1.2 加入jQuery 1.2.1 jQuery简介 1.2.2 jQuery的优势 1.3 jQuery代码的编写 1.3.1 配置jQuery环境 1.3.2 ...
jQuery仿qq浏览器动画切换导航效果 jQuery仿qq浏览器动画切换导航效果 jQuery仿qq浏览器动画切换导航效果 jQuery仿qq浏览器动画切换导航效果
本书循序渐进地对jQuery的各种函数和方法调用进行了介绍,读者可以系统地掌握jQuery的DOM操作、事件监听和动画、表单操作、AJAX以及插件方面等知识点,并结合每个章节后面的案例演示进行练习,达到掌握核心知识点的...
#简介Wtabbar是一个简单的jQuery标签栏插件,使用方便,可以完成大多数任务。能通过修改参数实现多数具有标签栏行为的控件。#特性动态增加或删除标签自定义切换效果#使用方法详细使用方法在查看。#许可没有这种东西...
WordPress的这款收藏插件(bookmark-share),是由国内的程序员开发的一款插件,插件采用了最强大的JS库JQuery,制作出了下拉菜单,是你能够更加方便的使用收藏服务,另外还有如下功能: 收藏服务选择功能,可以...
Flexible Nav 是一个轻巧的jQuery插件用于在网页右侧添加一个智能的固定不随页面滚动的导航条。效果类似一个文档目录或书签,对于比较长的页面,可以起到导航作用,增强网站用户体验。 标签:Flexible
■ 网页不只讲究视觉,还必须创造无限变化的可能,无痛学习JavaScript、CSS、jQuery的设计关键,让你在竞争激烈的市场脱颖而出! ■ 精心筛选最新、最具代表性的特效,均标示所支持的浏览器,可以随心所欲找到自己...
紧接着,我们换jquery做类似的手风琴效果。前面的两个例子都很简单,接下来要放大招了,我想用JQ或是原生的JS去做类似淘宝网中用到的手风琴效果。继续回到书签问题,既然JQ和JS都能实现那么炫酷的效果,我们用CSS3能...
1. 使用开源的javascript库,如yui, jquery, mootools, dojo等。 2. 使用垂直的js库,如canvas游戏库LimeJs, GameJs等。 3. 使用Mobile UI库,如jquery mobile, sencha touch, iui等。 4. 使用隐藏标题栏的技巧,...