1. 全栈程序员必看首页

jQuery自动与手动图片切换效果下载

全栈程序员-站长 • • 未分类 • 阅读 35

效果图：查看效果：http://hovertree.com/jq/hovertreeimg/下载：http://hovertree.com/h/bjaf/gk8mko69.htm使用代码：Hover

大家好，又见面了，我是全栈君，今天给大家准备了Idea注册码。

全栈程序员社区此处内容已经被作者隐藏，请输入验证码查看内容
验证码：
请关注本站微信公众号，回复“验证码”，获取验证码。在微信里搜索“全栈程序员社区”或者“www_javaforall_cn”或者微信扫描右侧二维码都可以关注本站微信公众号。

效果图：
HovertreeImg插件

查看效果：http://hovertree.com/jq/hovertreeimg/

下载：http://hovertree.com/h/bjaf/gk8mko69.htm

 

使用代码：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>HovertreeImg Home - 何问起</title><base target="_blank" />
    <meta charset="utf-8" />
    <!--<link href="jquery.hovertreeimg.css" type="text/css" rel="stylesheet"/>-->
    <style>#hovertreeimg {width:768px;height:66px;overflow:hidden}
#hovertreeimg img{width:100%;height:100%;}
#hovertreeimg #hovertreeimgcontent{display:none}a{color:blue}</style>
</head>
<body>
    <div id="hovertreeimg">
        <a href="http://hovertree.com/h/bjaf/hovertreeimg.htm" title="HovertreeImg" target="_blank"><img src="http://hovertree.com/jq/hovertreeimg/hovertreeimg.jpg" alt="HovertreeImg插件" /></a>
        <div id="hovertreeimgcontent">
            <a href="http://hovertree.com/h/bjaf/easysector.htm" title="HTML5百分比饼图" target="_blank"><img src="http://hovertree.com/themes/img/easysector.gif" alt="EasySector插件" /></a>
            <a href="http://hovertree.com/texiao/game/" title="见缝插针" target="_blank"><img src="http://hovertree.com/themes/img/jfcz.gif" alt="见缝插针" /></a>
         </div>
    </div>
    <div>
        <br /><br />
        <a href="http://hovertree.com">HoverTree</a>
 <a href="http://hovertree.com/texiao/hovertreeimg/">HovertreeImg Home</a>
 <a href="http://hovertree.com/h/bjaf/hovertreeimg.htm">Help</a>
 <a href="https://www.npmjs.com/package/hovertreeimg">NPM</a>
 <a href="https://github.com/shangyuxian/hovertreeimg">Github</a><br />
</div>
    
    <script src="http://hovertree.com/ziyuan/jquery/jquery-1.12.0.min.js"></script>
    <script src="http://hovertree.com/jq/hovertreeimg/jquery.hovertreeimg.js"></script>
    <script>
        $("#hovertreeimg").hovertreeimg({
            "h_circlePosition": "",//left,right,center
            "h_width": 768,
            "h_height": 66,
            "h_borderColor":"silver",
            "h_circleWidth": 14            
        });
    </script>
</body>
</html>

更多：http://www.cnblogs.com/roucheng/p/texiao.html

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/120672.html原文链接：https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长
0 0


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号