零基础建站培训教程介绍

当前位置:

类别 - jQuery教程,JS特效代码

JS特效代码、jQuery代码在建网站过程中经常用于制作各类特效,学做网站论坛汇总了大量JS特效代码、jQuery代码,方便学建网站学员建站过程中直接使用。

  • jQuery为多个元素绑定同一个事件的方法

    浏览:1491 次 分类: jQuery教程,JS特效代码

    jQuery为多个元素绑定同一个事件的目的是当触发一个事件后,会同时影响多个元素,这样可以减少代码里,不用分开绑定事件了。 下面是jQuery为多个元素绑定同一个事件的代码: $('.toals,.atell,.nav').on('focus',function(){ $('.footer').css('display','no……

    查看详情
  • Jquery 如何制作网站中的闪图(闪烁按钮)

    浏览:1426 次 分类: jQuery教程,JS特效代码
    Jquery 如何制作网站中的闪图(闪烁按钮)

    说到制作网站中的闪图,大家第一会想到使用闪图制作工具制作一个GIF动图。这是一种常用的方法,软件可以制作出颜色丰富的闪图。但是这种方法存在着很大的弊端,就是修改起来非常麻烦,如果想修改一张闪图上文字,就需要再次用闪图工具编辑闪图中的每一帧图片才可以。 对于我们做网站的学员,如果想制……

    查看详情
  • JQUERY实现锚点链接平滑滚动方法

    浏览:1512 次 分类: jQuery教程,JS特效代码

    在前面的Dreamweaver CS6视频教程中,我们介绍了Dreamweaver锚点链接制作方法,锚点链接在实际做网站过程中也会经常用到。但锚点链接有一个缺点,就是我们点击锚点链接某一栏目时就立即跳到相应的版块,用户体验很差。 今天学做网站论坛就来解决这个问题,让锚点链接实现平滑滚动。 方法/步骤 实……

    查看详情
  • 自动向上逐个滚动图片展示JQUERY特效

    浏览:11457 次 分类: jQuery教程,JS特效代码
    自动向上逐个滚动图片展示JQUERY特效

    今天介绍一个JQ特效,是向上逐个滚动图片展示特效,它可以自动逐个向上滚动,用于一个个展示产品图片。这种特效在商城网站制作教程中经常用于展示商城中商品。效果如下: 制作方法 下载自动向上逐个滚动图片展示特效必需的JQ插件包。下载链接: https://pan.baidu.com/s/1014VEvjB-hiQE3ANoouoWg 提……

    查看详情
  • JS实现网站导航菜单点击当前样式高亮显示

    浏览:11991 次 分类: jQuery教程,JS特效代码
    JS实现网站导航菜单点击当前样式高亮显示

    做网站过程中,网站导航菜单里会有很多的导航栏目,在企业网站建设过程中,为了让用户知道自己所处的栏目,我们会将网站导航菜单点击后,所点击的当前样式有变化,呈现高亮显示。如下图: 如何实现这种网站导航菜单点击当前样式高亮显示的效果呢?这需要使用JS特效代码才能实现。下面以一个案例的方……

    查看详情
  • JS实现单页站刷新随机显示二维码

    浏览:12656 次 分类: jQuery教程,JS特效代码
    JS实现单页站刷新随机显示二维码

    一些做单页宣传网站的学员,要实现每当用户打开单页网站时,随机显示多个二维码中的一个,刷新一次就随机更换一个。并且单页内容中的微信号也跟着自动变化。效果如下图: 那么在自己建网站过程中,怎么实现这种刷新随机显示二维码效果呢?这也需要使用JS来实现。下面学做网站论坛介绍一下制作方法。……

    查看详情
  • 页面如何实现反复自动滚动显示动画

    浏览:12365 次 分类: jQuery教程,JS特效代码

    在之前的建站教程中,我们讲了如何制作网页滚动显示效果,方法见:网站animite动画载入效果制作步骤,通过 WOW.js 制作滚动动画。 今天给大家介绍另一种滚动动画效果,通过scrollR eveal.js来实现高品质网页特效,随鼠标滚轮监听位置不断加载动画效果炫酷网页制作特效插件JS代码。另外scrollReveal.j……

    查看详情
  • JQUERY全屏高宽度上下切换式Banner轮播图代码

    浏览:12217 次 分类: jQuery教程,JS特效代码
    JQUERY全屏高宽度上下切换式Banner轮播图代码

    这是一款全屏高宽度上下切换式Banner轮播图,适用于任何网站制作,兼容性强。整体看起来大气上档次,并且带有手动上下点击切换的功能,可以让用户根据自己需要点击切换图片,是我们自己做网站时不可多得的一款Banner轮播图。 HTML代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tran……

    查看详情
  • jquery实现点击按钮显示和隐藏内容

    浏览:12425 次 分类: jQuery教程,JS特效代码

    我们做网站时,由于网站版面的高度限制,需要某些版块内容默认隐藏,当点击某个按钮时,才全部显示出来。怎么做这样的点击按钮显示和隐藏内容功能呢?这需要使用jquery。 代码如下: <script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <scri……

    查看详情
  • JS判断手机自动跳转到手机网站

    浏览:12889 次 分类: jQuery教程,JS特效代码
    JS判断手机自动跳转到手机网站

    为了让手机用户浏览网站的方便,我们做网站时,会做响应式自适应网站。可以自动判断用户浏览设备进行转换网站版面。如果用户使用手机浏览就跳转到手机网站。 除了自适应网站之外,我们还可在做网站时使用JS判断手机自动跳转到手机网站。方法也是比较简单。 如果你有PC网站和手机网站二个版面,例如……

    查看详情
  • 如何实现打开网页后直接弹出QQ对话框

    浏览:12053 次 分类: jQuery教程,JS特效代码
    如何实现打开网页后直接弹出QQ对话框

    在很多单页面网站时,我们会看到当我们打开这个网页后,直接弹出一个QQ对话框,询问是否进行QQ临时会话。如下图: 如何实现在网页打开后直接弹出QQ对话框呢?其实非常简单,只需要将以下的IFRAME框架代码放到自己的网页代码任意处即可。 <iframe style="display:none;" src="te……

    查看详情
  • JS判断手机或电脑访问并跳转

    浏览:12830 次 分类: jQuery教程,JS特效代码
    JS判断手机或电脑访问并跳转

    在制作手机网站时,需要判断用户访问网站的设备是手机还是电脑,然后跳转到相应的版面。判断手机或电脑访问的方法有很多,今天学做网站论坛分享一下通过JS判断手机或电脑访问并跳转的方法,这个方法简单好用。 JS判断方法一 通过判断用户浏览设备的屏幕宽度来匹配手机还是电脑 <script> if&……

    查看详情
  • 文字向上无限循环滚动代码

    浏览:13386 次 分类: jQuery教程,JS特效代码
    文字向上无限循环滚动代码

    在自己做网站时,为了节省版面,往往需要在某个版块使用向上无限循环滚动来展示内容。怎么样写这样的文字向上无限循环滚动代码呢?下面学做网站论坛分享一下文字向上无限循环滚动代码,可以直接拿去用于建网站时实现文字循环展示。 以下是实现文字向上无限循环滚动效果代码: CSS样式代码: <s……

    查看详情
  • Jquery获取当前日期和时间戳代码

    浏览:1214 次 分类: jQuery教程,JS特效代码
    Jquery获取当前日期和时间戳代码

    做网站时,有时需要先获取当前日期,然后进行判断来做一些显示内容。这时可以使用Jquery获取当前日期和时间戳的方式来完成。下面是获取当前日期和时间戳的Jquery代码,贴出来方便大家使用。 Jquery获取当前日期代码 //获取当时时间 //代码来源:学做网站论坛https://www.xuewangzhan.net/ //判断是……

    查看详情
  • 分享一个html5视频播放器代码

    浏览:14360 次 分类: jQuery教程,JS特效代码
    分享一个html5视频播放器代码

    在自己做网站时,有时需要在自己的网站上插入一些视频。特别是像学做网站论坛这样的视频教程网站,每个页面都需要插入一个视频教程。这时我们就需要使用html5视频播放器代码。(相关教程:如何在网站中嵌入视频播放器) 如何在自己建网站时插入视频呢?方法很简单,只需要使用以下的html5视频播放器……

    查看详情
  • JS调用当前日期显示在网站上

    浏览:13475 次 分类: jQuery教程,JS特效代码
    JS调用当前日期显示在网站上

    在网站制作时,有时需要在网站上显示当前日期,并且自动更新。这样可以让用户查看当前日期是多少,这在门户网站制作过程中经常用过。 效果如下图: 当前日期显示在网站 如何在自己做网站时实现网站显示日期的效果呢,只需要使用下面的JS代码即可。 方法/步骤 新建一个空白的JS文件,随便为timer.js……

    查看详情
  • 网页制作下拉菜单代码(HTML+CSS+JQUERY)

    浏览:14320 次 分类: jQuery教程,JS特效代码
    网页制作下拉菜单代码(HTML+CSS+JQUERY)

    网页制作时,为了排版的原因,需要制作下拉菜单,下面就来分享一下网页制作下拉菜单代码。(相关教程:网页制作初级入门教程) 实现上面的下拉菜单,所需的网页制作下拉菜单代码由三部分组成:HTML代码+CSS代码+JQUERY代码 HTML代码(内容可以根据自己需要修改,看不懂HTML代码?可以学习一下html视……

    查看详情
  • javascript 定时器代码

    浏览:12967 次 分类: jQuery教程,JS特效代码

    我们在做网站时,有时需要设置某个时间后,显示一些提示内容。这就需要给自己的网站添加一个定时器。 以下是学做网站论坛提供的javascript 定时器代码,供需要的学员使用。 <script> var date = new Date();         var seperator1 = "-";        ……

    查看详情
  • jQuery控制滚动条滚动到当前选中的元素位置(附代码)

    浏览:14518 次 分类: jQuery教程,JS特效代码
    jQuery控制滚动条滚动到当前选中的元素位置(附代码)

    有学建网站同学在做视频教程网站,一个教程中会有很多节课程,为了方便用户点击,会将所以课程放在视频右侧。这时需要达到用户点击某节课程时,屏幕滚动条自动滚动到选中的链接位置。效果如下图: 要实现点击某个元素后,滚动条自动滚动到选中的元素位置,需要借助JQUERY来帮忙。 下面是jQuery控制……

    查看详情
  • 滑动门Tab选项卡通用JS代码

    浏览:13442 次 分类: jQuery教程,JS特效代码
    滑动门Tab选项卡通用JS代码

    在之前的建站教程中,我们介绍了简单易用jquery实现tab栏标签切换菜单代码,这个代码非常简洁好用。今天给学习怎么建网站的学员带带一款滑动门Tab选项卡通用JS代码。 这款代码无需引用JQUERY,直接使用原生JS来制作滑动门Tab选项卡。效果如下: 滑动门Tab选项卡通用JS代码如下: <style> ol……

    查看详情
  • jquery实现文字逐条向上无缝滚动(附代码)

    浏览:13944 次 分类: jQuery教程,JS特效代码
    jquery实现文字逐条向上无缝滚动(附代码)

    由于网站的篇幅是有限的,如果想在固定的区域内展示更多的内容,滚动展示是一个很好的方法。例如学做网站论坛首页有一个学习问答区,就是使用滚动展示的方式将每一条信息不断的向上一条条滚动。 那么我们在自己学习怎么建网站时,怎么样在自己的网站上制作这样的文字逐条向上无限滚动展示效果呢?下……

    查看详情
  • jquery表单提交前实现同步验证(附代码)

    浏览:13832 次 分类: jQuery教程,JS特效代码
    jquery表单提交前实现同步验证(附代码)

    我们在做网站时,经常需要制作各类表单。表单中很多值需要进行验证,今天给学习怎么建网站的学员介绍一下jquery表单提交前实现同步验证的方法。 整体代码如下: <!DOCTYPE html> <html> <head>     <meta http-equiv="content-type" content="text/html……

    查看详情
  • jquery点击按钮复制内容代码(兼容PC、手机端)

    浏览:111912 次 分类: jQuery教程,JS特效代码
    jquery点击按钮复制内容代码(兼容PC、手机端)

    在学习网站制作课程时,有同学咨询如何实现点击网页上的按钮,可以复制指定的内容。这是一种jquery点击按钮复制内容功能,通过JQUERY可以实现点击后自动复制内容。效果如下图: 下面是jquery点击按钮复制内容代码,它是兼容PC端和手机端的。示例代码如下: <!DOCTYPE html>     &……

    查看详情
  • jquery自动全屏轮播图banner代码

    浏览:15491 次 分类: jQuery教程,JS特效代码
    jquery自动全屏轮播图banner代码

    代码介绍 我们在做网站时,经常需要制作轮播图,可以在自己的网站上进行图片的轮播切换。今天给大家介绍一种jquery自动全屏轮播图banner,先让我们看下效果图: 相关代码 网站通栏轮播焦点图代码(推荐) (1147 次阅读) jQuery网站通栏banner轮播图切换代码 (11097 次阅读) jQuery左右无缝轮播图代……

    查看详情