#jQ

一款手机端的jQuery图片滑块插件

今天我们要介绍一款比较特别的jQuery图片滑块插件,它不仅在PC浏览器上可以使用,而且更适合在手机端的网页中使用。这款jQuery插件不仅可以定义图片切换的方向,而且可以即时切换图片切换的动画方式,可以有平移、翻转、旋转和幻灯片模式,动画效果非常不错。在线预览   源码下载实现的代码:&...

一款基于jQuery可放大预览的图片滑块插件

今天给大家分享一款基于jQuery可放大预览的图片滑块插件。这款jQuery焦点图插件的特点是可以横向左右滑动图片,并且点击图片可以进行放大预览,唯一的缺陷是这款焦点图并不能循环切换,如果你有较好的JavaScript功底,可以自己修改代码来实现这一功能。效果图如下:在线预览   源码下载...

一款基于jquery和css3的头像恶搞特效

今天给大家分享一款基于jquery和css3的头像恶搞特效。这款实例中,一个头像在画面中跳舞,头像还有可爱的帽子,单击下面的按钮可以为头像切换不同的帽子。效果图如下:在线预览   源码下载实现的代码。html代码:<divclass="wwiaftm-container">&l...

一款基于jquery和css3的响应式二级导航菜单

今天给大家分享一款基于jquery和css3的响应式二级导航菜单,这款导航是传统的基于顶部,鼠标经过的时候显示二级导航,还采用了当前流行的响应式设计。效果图如下:在线预览   源码下载实现的代码。html代码:<divid="header"><divclass="logo...

一款基于jquery的手风琴显示详情

今天要各网友分享一款基于jquery的手风琴显示详情实例。当单击顶部箭头的时候,该项以手风琴的形式展示显示详情。效果图如下:在线预览   源码下载实现的代码。html代码:<divalign="center"><spanclass="openzone"zone="lest...

一款基于jquery ui的动画提交表单

今天要给大家分享一款基于jqueryui的动画提交表单。这款提交表单的的效果是以动画的形式依次列表所需填写的信息。效果非常不错,效果图如下:在线预览   源码下载实现的代码。html代码:<divalign="center"><formid="myform"><...

一款基于jquery的手风琴图片展示效果

今天要给大家分享一款基于jquery的手风琴图片展示效果。这款图片的展示效果鼠标经过前是灰色的,当鼠标经过时图片变大且变为彩色。效果图如下:在线预览   源码下载实现的代码。html代码:<divclass="page-container"><divclass="flex...

一款基于jquery固定于顶部的导航

今天给大家分享一款基于jquery固定于顶部的导航,这款导航当浏览器滚动条位于顶部时,导航高度较高,当浏览器滚动向下滚动时,导航高度自动减低,并位于顶部。效果图如下:在线预览   源码下载实现的代码:html代码:<divid="page"><divid="toolbar...

一款基jquery超炫的动画导航菜单

今天给大家分享一款基jquery超炫的动画导航菜单。这款导航菜单,初始时页面中间一个按钮,单击按钮,菜单从左侧飞入页中。再次单击按钮,导航飞入左侧消息。动画效果很非常炫。一起看下效果图:在线预览   源码下载实现的代码。html代码:<ul><li><ahre...

4款基于jquery的列表图标动画切换特效

网页中列表图标随处可见,特别是移动网页上,基本上的导航都采用了列表图标。今天给大家分享4款基于juqery的列表图标和关闭图标的动画切换特效。喜欢的网友赶紧收藏吧。在线预览   源码下载实现的代码。html代码:<divclass="container"><divclas...

一款基于jquery的侧边栏导航

之前为大家介绍了好多导航菜单,今天给大家分享一款基于jquery的侧边栏导航。这款导航侧边滑出,适合放在手机网页或webapp。一看下实现的效果图:在线预览   源码下载实现的代码。html代码:<divstyle="position:relative;overflow:hidden...

一款基于jquery漂亮的按钮

之前为大家分享了好多css3实现的按钮。今天给大家分享一款基于jquery漂亮的按钮。这款按钮背景下用了一张图片。当鼠标经过的时候背景用半透明div遮住。一起看下效果图:在线预览   源码下载实现的代码。html代码:<aclass="btn"data-js="btn"><...

基于jquery的可拖动div

昨天给大家介绍了一款基于jqueryui漂亮的可拖动div实例,今天要给大家分享一款基于jquery的可拖动div。这款可拖动div只要引用jquery就可以,无需引用jqueryui。还实时记录的鼠标的坐标。一起看下效果图吧。在线预览   源码下载实现的代码。html代码:<spa...
代码星球 ·2021-01-21

一款基于jquery ui漂亮的可拖动div实例

今天要给大家带来一款基于jqueryui漂亮的可拖动div实例。这款实例用了图片当背景,div层采用了幽灵透明效果。div拖动是基于jquery ui的。界面非常漂亮。一起看下效果图:在线预览   源码下载实现的代码。html代码:<divid="box1"class="b...

7款基于jquery的动画搜索框

无论是电商网站,还是媒体网,还是个人博客,每个网站都有属于自己个性化的搜索框。今天小编给大家带来7款基于jquery的动画搜索框。每个搜索框都采用了动画效果,一起看下效果图吧。在线预览   源码下载实现的代码。html代码:<h1>CSSAnimatedSearchBoxes&...
首页上一页...3435363738...下一页尾页