jq制作点击图片显示提示文字特效

jq制作点击图片显示提示文字特效,第1张

jQuery图片文字描述提示特效代码,基于jQuery插件k-description实现,支持多种参数定制,提示框宽度高度、提示框margin、以及提示框内容、提示框的透明度等等,可以用在作图片文字说明的情况下使用。

jq制作点击图片显示提示文字特效,第2张

使用方法:1.加载jQuery和插件
<script src="jquery.min.js"></script><script type="text/javascript" src="k-description.js"></script>

2.函数初始化
<script type="text/javascript">$(function() {$("button").click(function(event) {$('div').empty();var kduration = $(".kduration").val();$("div").description({'kheight': $(".kheight").val(),'kwidth': $(".kwidth").val(),'kmarginTop': $(".kmarginTop").val(),'kduration': parseInt(kduration),'kin': $(".kin").val(),'kout': $(".kout").val(),'kopacity': $(".kopacity").val(),'kcontent': $(".kcontent").val()});});});</script>

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » jq制作点击图片显示提示文字特效

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情