首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏大前端(横向跨端 & 纵向全栈)

    JQuery实现灯箱特效

     给大家分享一个基于JQuery实现的灯箱特效,实现效果如下: 主要用到了jquery-rebox.js这个插件,以下是代码实现。  <! <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JQuery-rebox 实现灯箱特效</title> <link rel="stylesheet" href="css/<em>jquery</em>-rebox.css"> <script src="js/<em>jquery</em>.min .1.11.1.js"></script> <script src="js/<em>jquery</em>-rebox.js"></script> </head> <body> <div id="gallery || window.Zepto || window.$); 下面是引入的与插件有关的<em>jquery</em>-rebox.css文件代码了。

    10.4K10编辑于 2022-11-27
  • 来自专栏全栈程序员必看

    jQuery特效 隔行变色

    发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/115890.html原文链接:https://javaforall.cn

    5.3K20编辑于 2022-07-08
  • 来自专栏hbbliyong

    Jquery闪烁提示特效

    样式:.red{ border:1px solid #d00; background:#ffe9e8; color:#d00;} function shake(ele,cls,times){ var i = 0,t= false ,o =ele.attr("class")+" ",c ="",times=times||2; if(t) return; t= setInterval(function(){ i+

    6.8K40发布于 2018-03-06
  • 来自专栏大前端(横向跨端 & 纵向全栈)

    JQuery实现电梯导航特效

    分享一个基于JQuery实现的电梯导航效果,效果如下:  以下是代码实现: <! DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>基于JQuery实现电梯导航特效</title div>

    网站底部
    <script src="https://ajax.aspnetcdn.com/ajax/<em>jQuery</em> /<em>jquery</em>-3.1.1.min.js"></script> <script> $(function () { $(window).on('scroll

    7.2K20编辑于 2022-11-27
  • 来自专栏大前端(横向跨端 & 纵向全栈)

    JQuery-rebox实现灯箱特效

    给大家分享一个用JQuery-rebox编写的灯箱特效,实现效果如下: ? 以下是代码实现,欢迎大家复制粘贴,另外这个插件现在网上也不好找,名种收费和会员,也给大家奉上。 <! <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JQuery-rebox 实现灯箱特效</title> <link rel="stylesheet" href="css/<em>jquery</em>-rebox.css"> <script src="js/<em>jquery</em>.min .1.11.1.js"></script> <script src="js/<em>jquery</em>-rebox.js"></script> </head> <body> <div id="gallery || window.Zepto || window.$); 最后就是引入的与插件有关的<em>jquery</em>-rebox.css文件代码了。

    8.8K10发布于 2020-11-26
  • 来自专栏大前端(横向跨端 & 纵向全栈)

    基于JQuery实现电梯导航特效

    分享一个基于JQuery实现的电梯导航效果,效果如下: 以下是代码实现: <! DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>基于JQuery实现电梯导航特效</title 还没逛够

    网站底部
    <script src="js/<em>jquery</em>

6K10发布于 2020-11-26
  • 来自专栏大前端(横向跨端 & 纵向全栈)

    JQuery实现图片拖拽缩放特效

    给大家分享一个基于JQuery实现的图片拖拽缩放特效,效果如下: 实现代码如下,欢迎大家复制粘贴。 <! <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>基于JQuery 实现的图片拖拽缩放特效</title> <style type="text/css"> #box { width: 200px; 100px;">

    <script src="https://ajax.aspnetcdn.com/ajax/<em>jQuery</em> /<em>jquery</em>-3.1.1.min.js"></script> <script> $(function () { $(document).mousemove

    10.8K10编辑于 2022-11-27
  • 来自专栏HHTjim'S 部落格

    利用jquery实现图片显隐特效

    利用jquery实现图片显隐特效 作者:matrix 被围观: 1,743 次 发布时间:2011-08-05 分类:Wordpress 兼容并蓄 | 2 条评论 » 这是一个创建于 4044 小站有个图片显隐效果是利用jquery做出来的. 利用jquery可以做很多特效:滑动菜单、图片幻灯... 首先需要在header.php中加载jquery,可以使用外链也可以内链。 google为我们提供的JS库,据说可以提高js加载速度,格式如下: <script type="text/javascript" src="//jqueryjs.googlecode.com/files/<em>jquery</em> >/js/<em>jquery</em>.min.js" ></script> 然后再在header.php中添加即可: <script type="text/javascript"> 来自:http://zmingcx.com /using-jquery-to-achieve-picture-was-hidden-effects.html

    5.5K10编辑于 2022-09-26
  • 来自专栏Youngxj

    tooltip(title美化)教程——jquery特效

    这个功能需要引入jquery才能实现。 ?

    6.3K40发布于 2018-06-06
  • 来自专栏Super 前端

    jQuery动画与特效--jQuery基础知识点(4)

    本文链接:https://ligang.blog.csdn.net/article/details/41624969 jQuery中众多的动画与特效方法为提高页面的用户体验度带来了极大的方便!

    4.8K31发布于 2019-08-15
  • 来自专栏java学习java

    java 11特效解读(2)

    这是Java 9开始引入的一个处理HTTP请求的的HTTP Client API,该API支持同步和异步,而在Java 11中已经为正式可用状态,你可以在java.net包中找到这个API。 而在未来的Java 11版本中,通过一个java命令就直接搞定了,如以下所示: java Javastack.java 一个命令编译运行源代码的注意点: 执行源文件中的第一个类, 第一个类必须包含主方法 ZGC, A Scalable Low-Latency Garbage Collector(Experimental)ZGC,这应该是JDK11最为瞩目的特性,没有之一。

    51520编辑于 2023-10-15
  • 来自专栏全栈程序员必看

    jquery中的$()是什么_js简单特效

    callback, 只执行一次 2、setInterval(callback, time) 延迟一段时间(time/ms)后执行对应的方法callback, 循环执行,直到取消 三、常用的动画库 1、Jquery 动画: Jqeury对于动画的支持 2、velocity.js/其GitHub地址:完全类似于Jquery语法的动画库 3、Tween JS:支持根据数值对象的属性和 CSS 样式的属性进行补间动画 它提供了类似于jQuery的功能(DOM操作、动画、时间、HTTP请求) 和其他功能(集合、日期&数字格式化、日期计算、模板),并有着简单明了的API 8、Rekapi:JavaScript关键帧动画库 让你可以定义关键帧动画并控制动画播放 9、Snap.svg:SVG是建立互动的一个很好的方式,独立于分辨率的矢量图形会在任何屏幕看起来都很棒 10、Favico:给网站图标 favicon 添加徽章、图片,甚至是视频 11

    10.8K20编辑于 2022-11-03
  • 来自专栏JAVA体系

    jquery特效,不用再写繁琐的js脚本

    之前做一些js特效,网上找的一些demo,都是很长很长的js脚本。但是没办法,只能原样copy /paste,写出来的还不能用。唉,苦逼啊。。 但是前几天发现,有些特效如果用jquery的话就可以很简单的实现某些特效,而不必在书写繁琐的js代码。 如实现一个窗口的拖拽,如果 使用javascript可能会写大几十行的代码,但是使用jquery,只需一个方法就可以实现,但必须导入jquery-ui.min.js(可能早有大神们知道这个了,小弟也是刚学 " rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/<em>jquery</em>/1.5/<em>jquery</em>.min.js "></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/<em>jquery</em>-ui.min.js"></script

    1K10编辑于 2024-01-25
  • 来自专栏HHTjim'S 部落格

    图片时载入的渐显特效JQuery

    图片时载入的渐显特效JQuery 作者:matrix 被围观: 4,685 次 发布时间:2011-10-01 分类:Wordpress 兼容并蓄 | 2 条评论 » 这是一个创建于 3987 最新文章查看>>完善lazyload懒加载图片渐显特效 特效优点: 加速WordPress站点的页面载入速度; 不唐突的图片渐显方式; 代码精简,便于操作维护,js代码仅仅 1.6KB  先决条件是:你的站加载了 Jquery.js 原理: 这个特效是少有的即华丽又加速的效果,因为它能判断访客是不是在查看当前图片,若非则加载预留的填充图片 grey.gif ,等到访客滑动鼠标滑轮或浏览到图片位置时,真正的图片地址才会加载 实现方法:  jquery.lazyload.js 预填充图片 fill.gif 下载地址: http://www.400gb.com/file/29068037 http://yfdisk.com/ 不知道是什么原因,在主题的header.php中无法加载) 中适当位置添加下面 JS调用代码: 【http://hhtjim.com/jquery.lazyload.js部分请自定义地址】 【("img

    17.7K20编辑于 2022-09-26
  • 来自专栏大前端(横向跨端 & 纵向全栈)

    基于JQuery实现的图片拖拽缩放特效

    给大家分享一个基于JQuery实现的图片拖拽缩放特效,效果如下: 实现代码如下,欢迎大家复制粘贴。 <! <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>基于JQuery 实现的图片拖拽缩放特效</title> <style type="text/css"> #box { width: 200px; background-color: #09C; border: 1px dashed #fff; } </style> </head> <script src="js/<em>jquery</em>

    6.6K00发布于 2020-11-26
  • 来自专栏DeveWork

    TwentyTwenty:一个图片特效Jquery 插件

    这个Jquery 插件值得推荐——虽然我不清楚在什么情况下适用,但你知道有这个东西,在需要的时候就能用上了——收集多点资源总不是坏事。插件的效果具体我也不会说,直接看官网demo吧。 简介 官方网站& demo:http://zurb.com/playground/twentytwenty 运行必备:jqueryjquery.event.move(一个用于在移动设备上支持触摸事件的类 我们正在使用的自定义运动事件jquery.event.move库,以支持在移动设备上1:1滑块运动。 image.png 保用方法 TwentyTwenty非常容易上手,只是包装容器内的两个图像。

    5.9K80发布于 2018-01-19
  • 来自专栏编程创造城市

    jQuery替换html元素【jQuery框架应用入门11

    例如,随着时间的流逝,在后台数据中,第五首歌曲的点击率逐渐提升,而第三首歌曲的点击率逐渐下降,现在要求用jQuery要将第三首歌曲和第五首歌曲的顺序做一个互换。 使用jQuery代码如下: var tmp = $("body>ol>li").eq(2).clone(); var tmp2 = $("body>ol>li").eq(4).clone(); $("body

    84110编辑于 2024-05-01
  • 来自专栏james大数据架构

    简单的jquery拖曵原理js特效实例

    html> <title>简单拖曵原理实例</title> <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/<em>jquery</em> /1.4.2/<em>jquery</em>.min.js"></script> <script type="text/javascript"> $(function(){

    5.1K70发布于 2018-01-22
  • 来自专栏HTML5学堂

    jQuery特效 | 导航底部横线跟随鼠标缓动

    HTML5学堂(码匠):jQuery来实现如下特效 - 在导航底部存在一条横线,跟随着鼠标缓动到相应导航项底部。 今天就针对该特效来说说如何开发(本次内容使用jQuery进行讲解,原生JavaScript代码下周一奉上) 功能效果图 ? hover事件 hover事件是jQuery中的事件,不存在于原生JavaScript当中,是mouseover(鼠标移入)与mouseout(鼠标移出)的功能综合体; hover事件的基本语法为: offsetLeft是JavaScript原生方法,ele.offsetLeft中,ele表示具体元素,元素的offsetLeft属性,表示该元素左侧与父级元素的距离; position()方法是jQuery

    10.4K50发布于 2018-03-13
  • 来自专栏终身学习者

    【网页特效11 个文本输入和 6 个按钮操作 特效

    文本输入特效 1.power-mode-input PowerModeInput 可以让你的文本输入框更引人注目。 10.jquery.typer typer.js插件是一个非常有意思的jQuery插件,实现一个一个字输出,类似打字的效果。typer.js是一个比较小的插件,依赖于jQuery11. Phaser-typewriter Phaser.io Javascript库的打字机效果包装器。 ---- 按钮操作特效 1.ElasticProgress ElasticProgress 可以创建一个有弹力效果的进度条。 2. vue-particle-effect-buttons 爆发粒子特效按钮组件。

    3.4K40发布于 2020-09-03
  • 领券