鼠标滑到游您公众微信的时候弹出的小框,先上效果
css,主要是框的
.footer .helps dd.weixin strong{ font-size:14px;} .footer .helps dd.weixin strong, .footer .helps dd.weixin span{ display:block; line-height:24px; text-align:center;} .footer .helps dd em { background:#fff; width: 190px; height: auto; border:1px solid #e1e1e1; position: absolute; right:150px; top: -110px; text-align: center; padding: 15px 12px 10px; font-style: normal; z-index: 2; display: none; }
html
<dl class="helps"> <dt>关注游您</dt> <dd><a rel="nofollow" href="http://weibo.com/u/5380161043#_loginLayer_1418003989592"><img src="/img/www/sina.png"/> 游您新浪微博</a></dd> <dd><a rel="nofollow" href="http://t.qq.com/YNSY2015?preview"><img src="/img/www/tencent.png"/> 游您腾讯微博</a></dd> <dd class="weixin"> <a rel="nofollow" ><img src="/img/www/weixin.png"/> 游您公众微信</a> <em><img src="/img/www/erweima.jpg" align="加游您所愿为微信好友吧!" height="180" width="180"> <strong>加游您所愿为微信好友吧!</strong> <span>扫描二维码</span> </em> </dd> </dl>
js处理
<script type="text/javascript"> $(document).ready(function(){ $(".helps dd:first").find("em").stop('true','true').animate({opacity: "show", top: "-150"}, "slow"); $(".helps dd").hover(function() { $(this).find("em").stop('true','true').animate({opacity: "show", top: "-150"}, "slow"); }, function() { $(this).find("em").stop('true','true').animate({opacity: "hide", top: "-85"}, "fast"); }); }); </script>
一个类似的可以参考http://bbs.blueidea.com/thread-3048533-1-1.html
相关推荐
jquery date选择日历控件鼠标点击text文本框弹出日期选择 单击文本框弹出日期选择控件 实用的日历效果,兼容性好。
jQuery两排弹出日期选择器是一款jquery datepicker日期选择插件,鼠标点击text文本框弹出两排日期选择器代码。
代码简介:jQuery点击弹出城市选择器代码是一款实用的鼠标点击弹出层各个城市选择代码。
主要介绍了jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法,涉及jQuery响应鼠标事件动态操作页面元素属性的相关技巧,需要的朋友可以参考下
jQuery点击输入框弹出软键盘输密码特效是一款软键盘插件,当鼠标点击文本框的时候弹出软键盘,可以输入密码跟账号等的js代码。
一款时间选择控件,点击文本框弹出日期选择器,很好的模板,研究一下就可以套用
jQuery两排弹出日期选择器是一款jquery datepicker日期选择插件,鼠标点击text文本框弹出两排日期选择器代码。
10.jquery仿卓越亚马逊网鼠标移到按钮弹出菜单的效果代码 11.jquery浮动变化的个性菜单插件floatmenu下载 12.jQuery黑色风格仿Flash版下滑菜单效果 13.jquery黑色循环滚动菜单特效插件下载 14.jquery灰色...
Jquery提示层效果-用户体验比较好的哦。 (备注:鼠标移到新闻上去,会弹出一个层 里面就是新闻的标题) 页面可以直接运行。 自己在网上找了很多 代码都写的罗里吧嗦, 我这个代码简洁 体验好。
js按钮、文本框、图片提示脚本特效大全,这里运用了弹出层技术,实现了对文本框、按钮、图片以及下拉框等常用网页组件的适时文字提示特效,当鼠标悬停于以上组件时,均会显示出带人性化标记的文字提示。提示基于弹出...
仿京东导航 防天猫导航 相册鼠标经过放大图片插件 仿QQ相册 仿腾讯图片幻灯片效果展示 图片幻灯片播放Jquery插件 省市地区三级联动弹出层Jquery特效 文本框限制字长 日历特效 cxCalendar 日期选择器 密码强度检测
1.12 强制在弹出窗口中打开链接 1.13 平滑滚动页面到某个锚点 1.14 阻止文本行换行 1.15 实现iframe高度自适应 1.16 实现左右div自适应相同高度 1.17 获取鼠标在屏幕中的坐标 1.18 获取鼠标在窗口客户区中的坐标 ...
[新增]当使用onfocus触发时,焦点在日期控件时,也会弹出日期控件 [新增]autoUpdateOnChanged属性:在修改年月日时分秒等元素时是否自动更新到el [修正]FF3.5细微的定位偏差问题 [修正]在双月模式时,可以隐藏其他月份的...
option_check.js代码 : 代码如下: /************... inputid为下拉框要绑定的文本框id bindid为点击弹出/收回下拉框的控件id hoverclass为鼠标移到选项时的样式 hqhtml为绑定的数据 *********************************
14_11.htm 自动弹出式窗口。 14_12.htm 自动滚屏。 第15章(\15) 示例描述:JavaScript操作表格和DOM。 15_1.htm 动态添加表格。 15_2.htm 获取表格的某行。 15_3.htm 获取某个表格的单元格。 15_4....
14_11.htm 自动弹出式窗口。 14_12.htm 自动滚屏。 第15章(\15) 示例描述:JavaScript操作表格和DOM。 15_1.htm 动态添加表格。 15_2.htm 获取表格的某行。 15_3.htm 获取某个表格的单元格。 15_4....
-Grid增加GetNoSelectionAlertInParentReference函数,用来表示没有选中任何一项时在父页面弹出对话框的JS代码。 -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,...
-Grid增加GetNoSelectionAlertInParentReference函数,用来表示没有选中任何一项时在父页面弹出对话框的JS代码。 -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,...
-改进排序以使其更直观2.0.0:-改进了弹出布局的视觉和功能-通过单击相应的列对流媒体名称,游戏,查看器和正常运行时间进行排序-修复了导致流正常运行时间计算错误的错误-修复了各种清理问题-其他较小的错误修复了...
清单v2修复了在同步后删除的所有笔记都未登录而未登录google书签时的错误修复了无法更改添加新笔记选择后的错误修复了带有本地化上下文的错误菜单降低了弹出窗口的高度以适合上网本屏幕版本0.25:更新到jquery 1.5.2...