Jquery+CSS

jquery+css实现流星雨特效

案例效果：代码如下：js:varstars=document.getElementById('stars')//js随机生成流星for(varj=0;j
前端切图仔Zz·2023-07-28 08:55

【源码分享】jquery+css实现侧边导航栏

jquery+css实现侧边导航栏最近做项目的时候，突然想用一个侧边导航栏，网上找了几个插件，有的太丑而且不太符合我的预期。与其修改别人的代码，不如自己来写一个了。
weixin_30347009·2022-11-23 19:50

哈哈哈 原来使用jQuery+CSS就可以实现图片自动切换轮播效果是那么简单的事情 搞了个小米商城官网淡入淡出自动轮播图效果来看看也挺好玩的 附上实例完整代码

作者：极客小俊公众号:同名前言刚刚学了javascript有了一点点小基础之后感觉,原来使用jQuery+CSS就可以实现图片切换轮播效果是那么简单的事情你再也不用使用javascript去写一大堆繁琐的代码了搞了个小米商城官网淡入淡出轮播图效果来看看其实很简单学一点
极客小俊·2022-07-12 08:44

jquery+CSS实现悬浮登录框遮罩

本文实例为大家分享了jquery+CSS实现悬浮登录框遮罩的具体代码，供大家参考，具体内容如下先上效果图，阴影部分无法点击HTML代码              用户名            密码            
·2022-03-30 15:42

如何使用SSM框架开发一套WEB薪资管理系统

后台开发技术：SSM前端开发技术：JQUERY+CSS开发工具：IDEA/ECLIPSE数据库：MYSQL5.7TOMCAT：8.5.31基于MAVEN环境开发主要完成的功能有：用户管理、部门管理、岗位工资管理
qq_469603589·2021-12-01 21:42

2021-02-08/09 大数据课程笔记 day19day20 某大型网站日志分析离线系统

工作流  在我们的demo展示中，我们使用jquery+echarts的方式调用程序后台提供的restapi接口，获取json数据，然后通过jquery+css的方式进行数据展示。
Rich Dad·2021-02-10 00:21

用JQuery+CSS实现form表单的显示和隐藏

1、首先你要先把JQuery.js库导入到你的项目中去。2、然后再你的index.html应用你的JQuery.js和你的CSS3、在你的index.html中写入如下代码：登陆Xusername:password:确定显示4、调好你的form的布局：#f{width:250px;border:2px;}#x{margin-left:150px;cursor:hand;}#view{cursor:
nc_wanjing·2020-09-13 19:16

用JQuery+CSS来实现树形菜单

一、实现功能想要做成树形菜单，无非就是点击父菜单，则把它的子菜单显示出来。二、设计思路要想实现此效果，则当点击父菜单时，给父菜单添加事件，调用toggle()函数来把它的子菜单显示出来。并把子菜单的“+”号改为“-”号。三、完成以上两步后，则开始用代码实现了1.在你的html里面设计几个来+体育新闻    篮球新闻   &nbs
nc_wanjing·2020-09-13 17:59

jquery+css实现html选择树或树形菜单

本文将介绍利用jquery+css实现html选择树或树形菜单的方法，无需其他插件，十分简洁明了。主要利用标签加上样式调整。先上效果图：下面上CSS代码：li{position:relative!
DaraLyn·2020-09-13 17:08

用jquery+css控制表格样式

表格效果如下:点滑过时变色代码:无标题页$(function(){Test("#e0e0e0","Teal","#ffffff","#ffffff");});functionTest(evenBg,oddBg,evenBgNew,oddBgNew){vartrs=$("#mainTabletr");varoddTr=$("#mainTabletr:odd");varevenTr=$("#mainT
xochenlin·2020-09-12 23:06

用jquery+CSS实现左右选择框效果

效果如下:代码:无标题页$(function(){$("#waitPersonoption:first,#alreadPersonoption:first").attr("selected",true);$("#waitPerson").dblclick(function(){$("#waitPersonoption:selected").clone().appendTo("#alreadPers
xochenlin·2020-09-12 23:06

jquery+css 实现遮罩层

css代码.modal{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);}.modal-content{width:100%;max-width:500px;padding:20px;border-radius:10px;margin:0auto;position:absolute;left
丽丽大神ing·2020-08-23 21:14

jQuery+CSS实现环形进度条

HTML代码：0%CSS代码：.circle{width:200px;height:200px;position:absolute;border-radius:50%;background:#0cc;}.pie_left,.pie_right{width:200px;height:200px;position:absolute;top:0;left:0;}.left,.right{display:
Cloris_littery·2020-08-23 15:16

jquery+css实现抽屉效果

jquery+css实现抽屉效果编程要点：1、初始时隐藏抽屉（设置left值为负）2、点击时出现抽屉（设置left值为0）3、使用toggleClass动态修改样式效果图代码html,body{margin
3052world·2020-08-22 17:33

五颗星评论效果实现：jquery+css

今天说要做个星星评论的效果，想想不难吧，就试着写下；通过网上搜索加自己想法，得到的思路是：首先是排列好五个星星啦，接着则是css建立两个li的class分别表示选取与未选取（这样表述貌似不大对）；主要是在未确定打分前，鼠标移到那颗星星，前面的跟本星星一起被亮了，其它的继续黯淡；然后一旦确定点击，该情形将一直保持着直到下一个点击产生才改变亮与暗的情况。不过现在遇到的问题是一旦点击了之后，我还能评零分
weixin_30576859·2020-08-16 21:37

自己定义html中a标签的title提示tooltip

自己定义html中a标签的title提示tooltip简单介绍用简单的jquery+CSS创建自己定义的a标签title提示，用来取代浏览器默认行为。
diandingyin9417·2020-08-10 06:03

jQuery+css实现瀑布流布局(无限加载)

文件目录：images：这个文件夹放了需要的照片，名字都按照0，1,2，3…排列，便于取的时候好取，我放了23张，当然实际应用肯定是Ajax请求来的Html：最外层#main这个容器就是放整个瀑布流的盒子，里面.pin是每个商品详情盒子，.box是每张商品图片的盒子，里面放上商品图片css：*{padding:0;margin:0;}/*不要效仿啊，要引入重置css文件*/#main{positi
慢半拍、·2020-08-07 14:56

110个常用的jquery特效和插件

1、2款jQuery图片自动切换常用广告代码2、jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码3、jQuery+CSS实用图片收缩与放大效果插件4、jquery+div实现同时滑动切换的图文展示特效插件下载
漫画之迷·2020-08-01 11:22

实现带复选框的下拉列表

最近在项目中有遇到需要带复选框的下拉列表，找了好久都没找到相关资料，只好自己用jQuery+css实现了一个简单的小demo，虽然有点丑，但效果基本实现了，大家将就着看吧。
guxin_duyin·2020-07-07 08:12

jquery+css实现Tab栏切换

前几天面试碰到现场给写一个Tab栏切换的功能，思想基本上懂，但是好久没写过，一时要全部实现效果还真有点难。回来后，再把思路理一理，写一个，基础还是很重要的。最终要实现的效果图如下：（1）点击tab栏显示对应的内容，并且tab栏样式变化。实现方式：一般tab栏如果要做成比较好看的样式，会切两张图作为背景，一张用于选中时的背景，一张用于未选中的背景。这里为了简单，只用css设置样式。然后为每个tab绑
诗渊·2020-07-05 18:12

大型电商日志分析项目----1.项目需求分析

二、工作流在我们的demo展示中，我们使用jquery+highcharts的方式调用程序后台提供的restapi接口，获取json数据，然后通过jquery+css的方式进行数据展示。
ZHOUSHUPENG·2020-06-27 05:29

jQuery+css实现的点击图片放大缩小预览功能示例【图片预览 查看大图】

本文实例讲述了jQuery+css实现的点击图片放大缩小预览功能。分享给大家供大家参考，具体如下：要求点击一张图片，图片就会放大，查看大图，点击空白处就会隐藏大图，回到缩略图。
·2020-05-29 10:09

前端工程化

作者：@gauseen背景前端技术飞速发展，各种技术层出不穷，再也不是只会切图+jQuery+CSS就可以行走天下的时代。随之带来的就是web应用的复杂度越来越高，出现问题的概率也越大。
gauseen·2019-10-19 20:21

jquery实现二级导航下拉菜单效果

下拉菜单实现很简单，纯css也能实现，但是我不擅长，用jquery也就两行代码，于是就用jquery+css实现简单二级下拉菜单导航，分享给大家供大家参考，具体内容如下运行效果图：具体代码：第一步：确定导航的
·2019-09-25 04:02

使用jquery+CSS实现控制打印样式

一、添加打印样式1.为屏幕显示和打印分别准备一个css文件，如下所示：用于屏幕显示的css：用于打印的css：2.import方式：@importurl("css/printstylesheet.css")print;3.直接把屏幕显示样式和打印样式写在一个css文件中：@mediaprint{}{h1{color:black;}h2{}{color:gray;}}@mediaprint里面的内容
·2019-09-25 02:38

兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码

在页面点击"注册"，出现一层有不透明度的黑色遮罩；遮罩层的上方是注册框；此时无法点击页面上除注册框外的其他元素；点击注册框上的"随便逛逛"，遮罩层消失。预览地址：http://jsfiddle.net/p2x3c7df/embedded/result/要点：1.注册框始终水平、垂直居中，包括鼠标滚轮上下滚动页面、缩放页面和调整浏览器窗口大小时主要由CSS控制，注册框的宽度和高度都已经确定(620*
·2019-09-25 01:20

通用无限极下拉菜单的实现代码

特点今天整理的菜单是由jquery+css开发有如下特点：一、通用性强以前在用的一个下拉菜单有个问题，需要对主导航和子菜单进行单独的设置，比如，二级菜单是class="first_menu",三级菜单是
·2019-09-24 02:42

jQuery+CSS实现滑动的标签分栏切换效果

本文实例讲述了jQuery实现平滑滚动的标签分栏切换效果。分享给大家供大家参考。具体如下：运行代码如下具体代码如下jQuery平滑滚动的标签分栏切换ul,li{margin:0px;padding:0px;list-style:none}li{float:left;background-color:#8c6239;color:white;padding:5px;margin-right:2px;b
·2019-09-24 00:26

jquery+css实现动感的图片切换效果

本文实例讲述了jquery+css实现动感的图片切换效果代码。分享给大家供大家参考。
·2019-09-24 00:13

jquery+css实现绚丽的横向二级下拉菜单-附源码下载

首先给大家展示下效果图：查看效果源码下载html代码部分：代码如下：jquery+css实现横向二级下拉菜单ChocolateBarbrowsersfirefoxchromeoperaIENetscapehtmlhtmlxhtmlhtml5cssTCP
·2019-09-23 23:22

jQuery+css实现百度百科的页面导航效果

这周不小心看到了百度百科的页面导航效果，感觉挺不错的，周末抽空写了下。下图为导航部分的效果图：css和图片都是抄百度的，可从百度百科下载。具体的代码如下：复制代码代码如下:*{margin:0;padding:0}.wrap{width:1000px;overflow:hidden;margin:0auto;}.content{width:780px;float:left;}.slide{widt
·2019-09-23 20:18

jquery实现侧边弹出的垂直导航

HTML源码：复制代码代码如下:Jquery+CSS侧边弹出垂直导航html,body,ul,li{margin:0;padding:0;border:0;outline:0;vertical-align
·2019-09-23 19:10

jquery+css实现Tab栏切换的代码实例

前几天面试碰到现场给写一个Tab栏切换的功能，思想基本上懂，但是好久没写过，一时要全部实现效果还真有点难。回来后，再把思路理一理，写一个，基础还是很重要的。最终要实现的效果图如下：（1）点击tab栏显示对应的内容，并且tab栏样式变化。实现方式：一般tab栏如果要做成比较好看的样式，会切两张图作为背景，一张用于选中时的背景，一张用于未选中的背景。这里为了简单，只用css设置样式。然后为每个tab绑
诗渊·2019-05-14 15:47

jQuery+css last-child实现选择最后一个子元素操作示例

本文实例讲述了jQuery+csslast-child实现选择最后一个子元素操作。分享给大家供大家参考，具体如下：www.jb51.netjQuery选择器.red{color:#FF0000;}$(document).ready(function(){//$('divp:last').addClass("red");//$('divp:last')选择最后一个P元素并高亮显示得出结果如下:$('
北方的刀郎·2018-12-10 10:02

jQuery+CSS实现的标签页效果示例【测试可用】

本文实例讲述了jQuery+CSS实现的标签页效果。
筱葭·2018-08-14 10:27

jQuery+css 实现无缝滚动轮播

这篇文章，主要介绍jquery+css实现无缝滚动轮播，先看一下效果图：1、HTML页面结构>2、CSS样式部分*{padding:0px;margin:0px;}#main{width:800px;height
it_czh·2018-04-11 10:10

jquery+css属性过滤选择

jquery+css属性过滤选择当页面需要循环遍历出一个需求，假设是一个table的tr,由于是用循环遍历，我们不可能随意去给每个tr,td的id,class或者其他属性取一个名字。
-小龙人·2018-04-09 17:56

jQuery+CSS实现的table表格行列转置功能示例

本文实例讲述了jQuery+CSS实现的table表格行列转置功能。
_大约在冬季_·2018-01-08 14:27

jquery+css小案例:实现手风琴效果

分享两种jquery实现是风琴效果示例。先看效果图：下面开始写代码：其实整个思路很简单，就是当鼠标移在当前块上的时候，当前图片完全显示，其他图片只显示一部分宽度。html代码：成都美食之城丽江魅力之城拉萨日光城武汉江城css代码：*{padding:0;margin:0;font-family:"微软雅黑";}#igs{width:1100px;height:400px;}.ig{width:10
Icon_酱·2018-01-04 16:24

使用CSS3和HTML5实现简单的计时器进度条

本文改编自http://www.jianshu.com/p/2e7c4a73f39d，本文将jq改为原生，仅此而已使用jquery+CSS和HTML5实现简单的计时器进度条样式部分：*{margin:0
Brighten_Sun·2017-12-11 07:57

使用jquery+CSS和HTML5实现简单的计时器进度条

直接上代码*{margin:0;padding:0;}.wrap,.circle,.percent{position:absolute;width:146px;height:146px;border-radius:50%;}.wrap{margin-top:50px;margin-left:50px;}.circle{box-sizing:border-box;border:10pxsolidtr
_conquer_·2017-12-11 06:24

jquery+css实现下拉列表功能

废话不多说了，直接给大家贴代码了，具体代码如下所述：fruit.hide{display:none;}div{float:left;width:100%;}.selector-containter{margin-bottom:10px;}.selector{width:200px;background:#FFF;border:1pxsolid#DDD;}.selector-hint{width:1
佛哥·2017-09-03 11:03

jquery+css实现简单的图片轮播效果

开发过程中需要用到图片轮播的插件，在网上找了几个插件之后还是决定自己码一个，比较简洁的功能，以后说不定还会有用。ps：功能比较简单，整个框并不能根据图片的大小自动调节，这里所用的图片是1170*500的，如果需要改成其他大小的图片，自行修改.pic-list下img的宽度。.pic-list中的宽度为整个横幅的宽度，如果需要轮播的图片数量很多，.pic-list的宽度应大于数量*单张宽度，html
wodecc_u·2017-08-07 09:55

【源码分享】jquery+css实现侧边导航栏

123/*重置一些样式*/4*,*::after,*::before{5box-sizing:border-box;6/*padding:0;*/7margin:0;8font-size:14px;9}10.cd-vertical-navul{11list-style:none;12}13a{14color:#c0a672;15text-decoration:none;16}1718.nav{19
e62ces0iem·2017-06-15 13:12

【源码分享】jquery+css实现侧边导航栏

1 2 3/*重置一些样式*/ 4*,*::after,*::before{ 5box-sizing:border-box; 6/*padding:0;*/ 7margin:0; 8font-size:14px; 9} 10.cd-vertical-navul{ 11list-style:none; 12} 13a{ 14color:#c0a672; 15text-decoration:none;
e62ces0iem·2017-06-15 13:00

jquery+css实现侧边导航栏效果

最近做项目的时候，突然想用一个侧边导航栏，网上找了几个插件，有的太丑而且不太符合我的预期。与其修改别人的代码，不如自己来写一个了。废话不多说先上图，感兴趣的请继续看下去。1、效果图当有顶部导航栏的时候侧边导航栏会消失。响应式方面，同样的顶部导航栏消失后右下角的图标才出现。点击出现导航，选中后消失；这里是个demo，没有做平滑滚动，需要的可以自己加上。大体就介绍这么多吧，下面上代码。2、css代码这
lms_码农·2017-06-12 14:24

jquery+css实现自定义对话框功能（不使用插件）

当今网络上各种jquery对话框插件层出不穷，可是我为什么要放弃这些插件选择自己使用jquery和css来自定义对话框的呢？有两方面的原因，一个是有利于自己更加深入的了解css和jquery的特性，另一方面也可以更加的兼容自己的项目。这里面有几个关键性的技术点，但是我们先不着急讲解这些，各位先看看下面的效果吧，再来决定是否看下去。在后面我会给出自己在实现这两种对话框时遇到的问题，以及解决它们的办法
csu_zipple·2017-04-21 20:45

jquery css实现邮箱自动补全

下面是用Jquery+css实现的邮箱自动补全，供大家参考和学习。
碌碌无为是罪过·2016-11-14 08:51

jQuery+css实现非常漂亮的水平导航菜单效果

本文实例讲述了jQuery+css实现非常漂亮的水平导航菜单效果。
ajunfly·2016-07-27 10:32

jQuery+CSS实现简单切换菜单示例

本文实例讲述了jQuery+CSS实现简单切换菜单的方法。
ajunfly·2016-07-27 10:55
上一页 1 2 3 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他