前言：
今天各位老铁们对“js仿百度搜索”大致比较重视，姐妹们都想要学习一些“js仿百度搜索”的相关文章。那么小编也在网摘上收集了一些对于“js仿百度搜索””的相关资讯，希望我们能喜欢，朋友们一起来学习一下吧！hi，大家好，我是拾光。
希望大家能够收藏文章或者关注我的头条号哦~
Thanks！
今天给大家带来的是js仿百度[带方向感知的鼠标滑过图片效果]。
跟随鼠标的移动方向绿色背景就按照它的方向进行移动。
下面给大家贴上代码。
看到网上也有帖子，来发教程或者是帖子，他们发布的都是截图的代码，不知道会不会给大家带来不变呢？
比如：想复制代码来自己研究一下，或者是保存一个模块的代码，方便以后使用，但是又不想自己手动打这么多的代码，对吗？
所以我还是保持我原有的风格，把代码给大家贴出来。
并且给大家整理一下格式。
不然的话，大家看起来帖子可能会比较麻烦，做程序的不都是为了用户的体验吗，对吧？
所以你们就是我的用户，你们就是我的产品体验者。
好了，话不多说了，直接上代码了。
大家直接复制代码就可以运行哟~
不过大家要准备好js插件。
再此我就不贴CDN链接了。
HTML：
<body>
<div class="htmleaf-container">
<div class="wrapper">
<img src="" class="img">
<img src="" class="img">
<img src="" class="img">
<br>
<img src="" class="img">
<img src="" class="img" style="border-radius: 40px; -moz-border-radius : 40px;">
<img src="" class="img">
<br>
<img src="" class="img">
<img src="" class="img">
<img src="" class="img" style="border-radius: 40px; -moz-border-radius : 40px;">
</div>
</div>
</body>
JavaScript：
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="js/jquery.focus-follow.js"></script>
<script>
$(function() {
$(".img").focusFollow({
wrapper: '#wrapper',
color: 'green',
opacity: 0.5,
margin_horizontal: 8,
margin_vertical: 8,
speed: 600,
timeout: 500
});
});
</script>
CSS：
.wrapper
{
width: 980px;
margin: 50px auto;
}
.img{
margin: 10px;
}
.top
{
text-align: center;
padding: 20px 0;
}
不知贴图是否符合老司机们的胃口呢？
下面依旧是段子了。
希望大家开心。
1、
我去应聘，老板对我说：“给你一句话的时间，我会决定你的去留。我愣了一下，随即唱到：“你是我天边最美的云彩，让我用心把你留下来。”老板瞬间嗨起来：“留下来。”第二天，我就去上班了
2、
宿舍兄弟脚臭，听人说用醋泡有效果，这哥儿二话没说从网上买了五斤，连续泡了一个月，感慨到：效果显着啊，现在是又酸又臭。
3、
一个小孩在公园玩，玩到一半跑到旁边的一个老奶奶身边，问她说：“婆婆你的牙齿还好嘛？”婆婆回答：“牙齿都掉完了。”听完小孩把手上的核桃放在老婆婆手上：“既然这样，那你就不会偷吃了，那婆婆你帮我保管一下，我去玩会球。”
4、
跟一女同事玩打手背的游戏，不小心抓到了她的手，擦破了一点皮，然后女同事一脸认真的拿出手机，正在我以为她要拍照发朋友圈说我的时候，只见她点开了网页：被单身狗抓了需要打针吗？
5、
一天，我东西不小心掉邻居家院子里了。我看见邻居站在家门口，于是，我走过去问:“我东西掉你家院子里了，我可以去捡吗？”邻居说:“可以啊，不过我这几天买了只看门的藏獒。”我问:“好用吗？”邻居说:“好用啊，我都三天没回家了。”
Best wishes to you.
LiuDongYu.
标签： #js仿百度搜索
