标签：css

站长资源全栈工程师阅读(223)评论(0)

ProgressCircle.js是一款基于SVG的jquery圆形进度条插件。该jquery圆形进度条插件通过动态生成SVG元素和CSS3动画来制作漂亮的圆形进度条动画特效。 使用方法 在页面中引入progresscircle.css和j...

站长资源全栈工程师阅读(616)评论(0)

简介 单页/全屏滚动页面越来越常见了，它多用于产品介绍、招聘等内容较少的简单页面。针对这种效果也出现了不少 jQuery 插件，如之间介绍的 fullPage.js 和 Scrollify，今天再介绍一款 jQuery 单页/全屏滚动插件—...

站长资源全栈工程师阅读(513)评论(0)

有时在网页中要加入一个在线测试功能，例如在线调查，在线测试各类知识等应用，这类应用需要用到很多前后端技能。今天我给大家分享一个基于jQuery的前端应用——测试答题功能。 HTML 首先载入jquery库文件和quiz.js以及所需的CSS...

站长资源全栈工程师阅读(538)评论(0)

这是一个非常实用的投票实例，应用在双方观点对抗投票场景。用户可以选择支持代表自己观点的一方进行投票，本文以红蓝双方投票为例，通过前后台交互，直观展示红蓝双方投票数和所占比例，应用非常广泛。 本文是一篇综合知识应用类文章，需要您具备PHP、j...

站长资源全栈工程师阅读(416)评论(0)

当我们浏览网页时，我们想对网页内容如文章、评论中的观点持赞同或反对意见时，可以通过点击网页中的“顶”和“踩”来进行投票。而整个交互过程，开发者可以通过ajax异步来实现，从而提高用户体验。 本文结合实例，讲解使用PHP+MySql+jQue...

站长资源全栈工程师阅读(481)评论(0)

上一篇文章中我们实现了转盘的转动效果，本文将紧接上文，使用PHP结合jQuery完成整个转盘抽奖过程。我们只需要在php文件中设置转盘对应的角度和奖项，以及每个奖项对应的中奖几率，运用概率算法，使得抽奖结果符合后台设置的中奖几率。 PHP ...

站长资源全栈工程师阅读(416)评论(0)

在线抽奖程序在很多网站上得到应用，抽奖形式多种多样，本站之前有专门介绍常见的翻板抽奖和随机抽奖的文章，本文将给大家介绍转盘抽奖，通过转动转盘指针来完成抽奖的一种抽奖形式——幸运大转盘。 目前好多网站上应用的转盘抽奖程序大多是基于flash的...

站长资源全栈工程师阅读(431)评论(0)

我们在浏览网站文章或帖子后，需要表达自己浏览后的心情感受，在很多网站都提供了给用户发表心情的功能，通过这个功能可以直观统计分析文章或帖子的浏览者的心情感受数据。在本文中，您将了解到，如何实现通过点击心情图标，即刻发表自己的心情。 本文通过实...

站长资源全栈工程师阅读(460)评论(0)

本文讲解如何通过ajax查询mysql数据，并将返回的数据显示在待选列表中，再通过选择最终将选项加入到已选区，可以用在许多后台管理系统中。本文列表框的操作依赖jquery插件：Multiselect。 HTML <form id="s...

站长资源全栈工程师阅读(483)评论(0)

Nginx作为高性能web服务器深受广大开发者喜爱。为了安全我们要做好Nginx访问控制，比如允许和禁止某个IP访问、禁止访问某个目录、反爬虫等。同时可以适当调优配置使Nginx性能更加强悍。 Nginx全局变量 Nginx中有很多的全局变...

站长资源全栈工程师阅读(558)评论(0)

轮菜单是一个jQuery插件，可以帮您实现一个增加完全可定制的路径轮菜单按钮 使用方法 首先引入 jquery.js，jquery.wheelmenu.js 以及 wheelmenu.css <link rel="stylesheet...

站长资源全栈工程师阅读(571)评论(0)

今天客户反映EDM的文字被链接下划线遮挡住了，经过测试确有这种问题，代码方便并没有什么问题，设置为“宋体”后也没有问题，但是客户就指定了文字的字体，没办法！问题还是要解决 解决办法记录一下 在a标签上增加样式代码 vertical-alig...

站长资源全栈工程师阅读(664)评论(0)

Bootstrap Validator验证是一个jQuery插件来验证表单域,配合Bootstrap一起使用来快速完成我们的验证需求 我们来通过一个简单的示例（验证用户名和密码）来了解它的基础用法 首先引入jquery和bootstrap、...

站长资源全栈工程师阅读(757)评论(0)

Jquery-Pagination.js是个简单轻量级的分页插件，使用起来很容易，只要初始化一个实例，并设置总数量、翻页回调函数、其它参数就可以实现无刷新分页功能了 使用方法 1 首先引入相关css、js文件： <link rel="...

站长资源全栈工程师阅读(692)评论(0)

jQuery图片轮播(焦点图)插件jquery.slideBox兼容IE6+，Chrome，Firefox，Opera，safari，可左右，可上下，可快可慢，可指定默认显示第N张，自由设定，代码简洁，运行效率高，用户体验良好 使用方法 引...

站长资源全栈工程师阅读(1304)评论(0)

本插件是一个美化版弹框插件，弹框的标题文本可以自定义。 输入框类型的弹框回调中能接收返回值。 demo提供几种常用方法，使用时可以根据项目需求调整插件样式，直接按照demo示例去调用比较方便。 本插件是封装的静态方法，传参用法都在xcCon...

站长资源全栈工程师阅读(678)评论(0)

css属性顺序是css良好编码风格的一部分，有助于提高代码可读性，便于发现代码问题，有利于团队合作。（依次排后） example { /*显示属性*/ display: ;  visibility: ;  float: ...

站长资源全栈工程师阅读(913)评论(0)

页面的视差滚动效果可以让你的网站逼格瞬间提升一个档次，怎么去实现呢？今天就介绍给大家用最简单的方式实现视差滚动效果。 首先我们来写个基本html结构 <section class="content">头部</section...

站长资源全栈工程师阅读(2545)评论(0)

文字的展开收起这个用JS很容易就可以实现，不过我们今天实现的方法有些特殊，我们完全使用css的方式去完成这项工作。 假如有如下html代码 <p>站长资源文字展开收起效果</p> <div class="ele...

站长资源全栈工程师阅读(596)评论(0)

首先是下载包: npm install express npm install socket.io 建立文件: 服务器端代码:server.js var http=require("http"); var express=require("...