CSS+Js

微信小程序点击item使之滚动到屏幕中间

1.需求想做类似猫眼电影选场次会自动滚动到屏幕中间的效果如图是最终效果2.分析实现这种效果的方法有三种：1.直接使用原生CSS+js;2.使用swiper,一屏显示多个item,点击item会自动滚动到中间
CrazBarry·2019-07-26 12:40

JS 实现动态轮播图

JavaScript实现轮播图思路+html/css+js源码整个轮播图的效果是通过js代码,操作dom,拿到html我们需要的元素,控制整个ul的距离浏览器左边的位置,让排好的图片依次出现在相框中,不在相框中的元素会被
赐我白日梦·2019-07-08 12:00

关于网页菜单切换效果的尝试

（毕竟好记性不如烂笔头嘛）菜单的切换的效果主要记录以下两种：1、利用js实现切换效果2、利用css+js实现切换效果先来讲第一种：利用js实现切换效果先看效果：这就是利用js实现的切换效果，首先默认选中第一项
流浪_过客·2019-07-02 11:34

linux postman 字体显示不正常的问题一级处理方法

解决问题：这个其实是linux下postman的字体的问题，全世界的人都知道postman事基于Electron做的，那么就是css+js做的，那就好办了，我们可以修改源码即可。
anziguoer·2019-05-14 14:52

css+js实现自动伸缩导航栏

用css+js实现自动伸缩导航栏需要达到的效果：默认首页选中样式设置鼠标滑过效果：颜色变化(#f60),宽度变化，字体变化所涉及的知识点：布局：floatcss:元素状态切换(display),盒模型(
星空天宇·2019-05-12 20:00

web前端特效演示合集

实现的奇幻水母效果前端特效05：绝对震撼的16行JS代码实现地球自转效果前端特效06：4D炫酷光影效果前端特效07：使用纯css打造一辆自行车前端特效08：HTML5与js实现的终端输入效果前端特效09：使用CSS
小小孩儿的碎碎念·2019-02-11 10:06

Jquery轻量级幻灯插件-OWL Carousel--支持触屏的移动浏览器

Css+js不到10k，压缩之后。3、支持触屏。经过测试，在android手机的主流浏览器：QQ、百度、UC、微信内置浏览器等支持4、响应式设计。支持不用屏幕、触屏。支
代码使劲儿搬·2018-12-12 16:53

实现一个圆形进度条

最近做了一个类似的，当然前期想法是用canvas做，但是考虑到低端安卓手机的渲染能力，最终以纯原生css+js实现，总结一下效果图思路index0底层一个色值#c1a76b的圆，中间index1一个三角形
微人类·2018-12-10 14:00

详解HTML5将footer置于页面最底部的方法(CSS+JS)

本文介绍了详解HTML5将footer置于页面最底部的方法(CSS+JS)，分享给大家，具体如下：JavaScript:$(function(){functionfooterPosition(){$("
linwene·2018-10-11 15:16

Vue 实现拖动滑块验证功能(只有css+js没有后台验证步骤)

vue验证滑块功能，在生活中很多地方都可以见到，那么使用起来非常方便，基于vue如何实现滑块验证呢？下面通过代码给大家讲解。效果图如下所示：拖动前拖动后代码引用的css与js都是线上的将代码全部复制到一个html中可以直接打开，极其简单。来分析一下代码底色div上放了一个变色div再放一个提示字的div最后加一个滑块div给滑块div绑定鼠标移动事件.drag{border-radius:30px
想转行的入门级程序员·2018-08-24 09:13

7.5 pmskill社区近况

image.pngPMSkill社区近况最近两周思考了很多，也对pmskill社区样式和功能做了升级，折腾了下css+js。
PMskill产品社区·2018-07-13 10:36

实现横向滚动条的2种方法示例

一开始做项目，给的时间太短又着急，觉得网上有现成的，去搜发现没有，只好自己去写，一开始用的是平常css+js实现功能，之后学习了flex布局，所以又想到了用flex实现横向滚动条。
热爱前端的17号诶·2018-07-06 17:01

HTML table表头固定（自己做项目使用的几种方法）

一、使用css+js来实现表头固定项目demo使用css定位th根据父级滚动条scrolltop的偏移量获取值，在用js把偏移量赋值到th的定位top上。就做到了表头固定。
木木子子水水心心·2018-07-03 17:27

利用CSS+JS实现唯美星空轨迹运动效果

先给大家分享效果图：给大家分享一个使用CSS+JS实现的唯美星空轨迹运动效果，这样的效果不输给Flash。
佚名·2018-01-29 14:01

html+css+js 实现拍照预览上传图片功能

前言：我们在做网页时经常会需要有上传图片的需求，可能是选择图片或者拍照上传，如果简单的使用这种方式虽然也能实现功能，但用户体验上可能会差了一些，所以本文记录了使用css+js实现图片选中后的预览及压缩上传功能
佚名·2018-01-15 14:29

html+css+js 实现拍照预览上传图片功能

前言：我们在做网页时经常会需要有上传图片的需求，可能是选择图片或者拍照上传，如果简单的使用这种方式虽然也能实现功能，但用户体验上可能会差了一些，所以本文记录了使用css+js实现图片选中后的预览及压缩上传功能
wangheng3751·2018-01-12 14:41

css+js实现精致的动画进度条

有一个精致的动画进度条，上面还有当前进度的百分比数字显示，而且还会跟着进度条而移动。相信追求新颖的朋友来说一定会非常的喜欢。HTML代码HTML的代码非常简单，只要为进度条提供一个容器就可以了。基本的HTML代码如下：LoadingPleasewait...(By:www.jiawin.com)CSS样式表接下来是为我们的进度条定义样式，这里主要运用了CSS3的linear-gradient的渐变
心羽幸福能量站·2017-11-29 19:15

经常遇到的一些问题

经常遇到的一些问题：CSS+JS：1.打开窗口Welcome等效于js代码window.location.href="http://www.jb51.net";//在同当前窗口中打开窗口Welcome等效于
灬CH灬·2017-10-31 16:23

手把手教小白如何用css+js实现页面中图片放大展示效果

1.前言很多童鞋会在项目中遇到一些上传图片，展示图片的操作，但是图片呢有大有小，为了页面的美观，有时候我们需要将图片展示成固定宽高度，但是呢，领导就会说，我想看大图片，怎么办？想看就看呀，来来来，我教你！2.详情说太多也没有用，直接贴上代码。新手小白，可以直接复制代码到本地运行。需要注意一下几点将代码中的jquery.js的库文件链接改成自己的路径将图片也改成自己的路径与相应的图片好了，直接上代码
苏小苏sxs·2017-07-31 09:00

CSS+JS实现简单的时钟

之前在网站上看到过别人用几行CSS代码就实现了一个简单的时钟，感觉挺有趣的，就自己仿照着也实现了一下。感觉里面用到的知识点都挺适合新手学习的，所以贴出来和大家一起学习学习。下面是实现后的效果图。实现的原理很简单，但是里面也有些需要注意的地方。首先看HTML结构，整个时钟包含在一个div中，在父div中又包含了时钟的圆盘，时钟的各个指针。121234567891011然后是CSS样式*{paddin
willsion_liu·2017-07-08 22:54

原JS实现banner图的常用功能

虽然，用jQuery实现banner图的各种效果十分简单快捷，但是我今天用css+js代码实现了几个banner图的常用功能，效果还不错。
Mr.聂·2017-06-12 09:35

bootstrap switch 使用笔记

1、css+js引入：css/common/bootstrap/bootstrap.css"rel='style
Big丶Fine·2017-05-08 16:44

Eclipse通过jdbc连接数据库制作简单登陆界面

做网站开发，要求有多种搭配方式，前台技术可以使用PHP、ASP、JSP、ASP.NET、CGI等任何一种；需要用到的基础语言用的最多的就是HTML/CSS、JS、JAVA、XML这些了，HTML/CSS
hesi9555·2017-04-17 09:33

简单css+js动态加载特效

本篇文章使用jquery和少量的js代码实现圆形loading动画。主要使用window.requestAnimationFrame(callback)控制动画，步长参数控制动画的速度。HTML部分：Loading//背景元素，并包涵圆环和圆点Loading//进度文字css部分：*{margin:0;padding:0;}#wrapper{width:100%;height:100%;}#box
Ape_Origin·2017-01-26 15:19

【随记 css+js 开发】带进度条和数字的动画加载页开发

为了提升用户体验，在程序执行复杂操作时，往往会加入各种加载动画或者进度条提示用户，如果配上数字，感觉会更好，下面给大家分享两种制作带进度条和数字的加载动画的方法。先来看看实现效果：方法一：基于旋转的动画生成方法我们先来看看html代码，可以看到：圆形进度条实际上是由左、右两个半圆构成，而中间的数字实际上是一个盖在进度条上的圆。//右半圆，初始状态wth0设置隐藏0%然后看看js代码如何实现进度条和
晚秋星辰·2016-12-01 22:23

css+js实现进度条

阅读更多说一下思路，这里用到的js方法需要有一个类似java的调度器，每隔多少秒执行一次；css方面，是一个父子标签，父标签长宽固定，子标签宽度被js控制，子标签的背景色表示进度条；再看代码就简答多了Title*{padding:0;margin:0;}.process-parent{position:absolute;width:400px;border:1pxsolid#ccc;height:
西蜀石兰·2016-10-19 20:00

CSS+JS写折叠下拉菜单

阅读更多看到别人通过id和增加的属性来对应父子关系，觉得麻烦，想着能不能定义一个类来实现。最终的代码类似这样一级菜单一级菜单存在子菜单二级菜单二级菜单二级菜单实现的功能是点击存在子菜单的一级菜单，能够打开或关闭该子菜单下的二级菜单。之前想通过纯CSS来实现，找了很久发现CSS无法监听onclick动作，最终放弃，结合js来做。其实用JQuery来实现更简单，不过为了更加通用，还是决定用原生js来实
西蜀石兰·2016-10-18 14:00

CSS+JS滚动图片功能代码

CSS+JS滚动图片功能代码TD{FONT-SIZE:12px;BORDER-RIGHT:mediumnone;PADDING-RIGHT:0px;BORDER-TOP:mediumnone;PADDING-LEFT
qq_35546160·2016-07-08 10:00

纯css+js打造返回顶部代码

在网上一搜返回顶部代码，基本上都是很复杂的，需要很多css和js文件。所以自己弄个简单的返回顶部代码，并记录一下。使用要求：会看中文注释优点：代码简洁，只有一段css和一个js函数无需引用其他js文件显示效果：当滑动鼠标滚轮时，在浏览器右下角显示一个返回顶部的块，点击该显示块，返回浏览器顶部返回顶部后隐藏显示块有图有真相。。。无背景图片样例小火箭背景样例下面是代码部分，只要自定义中文注释的地方就可
B_mirror·2016-07-06 16:49

css+js简单实现table固定首行首列

但仅仅只需要这一个功能，完全可以用css+js简单实现而不用引入更多工具。网上找到很多的思路，自己对其中比较简单的一个进行了整理。
魔力小小鸟·2016-06-06 15:44

浮动窗口-固定窗口-css实现窗口浮动-jq浮动窗口-三种方法

;height:150px;border:1px solid #f00;position:fixed; right:0;top:100px;background:#DBEAF9;}html 方法二：css
羊皮卷·2016-04-10 12:00

JS+CSS动态绘制元素曲线运动轨迹(数学函数)

相信许多小伙伴都想知道CSS+JS如何实现物体的曲线运动吧！其实原理就是运用数学用的函数公式，本文运用的是sin函数上进行的基础变形.今天的主要目标就是让这张图的里足球运动起来。
ShanaMaid·2016-03-28 17:00

back to top 回到顶部按钮 css+js

效果htmlcssp#back-to-top{ position:fixed; bottom:100px; right:80px; } p#back-to-topa{ text-align:center; text-decoration:none; color:#d1d1d1; display:block; width:30px; /*使用CSS3中的transition属性
T.//王大胖·2016-03-01 21:00

day02 css+js

CSS：    CascadingStyleSheets层叠样式表    作用：1、加强html       2、将显示与修饰进行分离CSS的加强：内联样式表：     helloworld!     内部样式表：head标签中有子标签        demo.html div{  font-size:100px; }                   helloworld!       
萧筱·2016-02-29 20:00

NET 利用 jquery+ztree 实现 角色权限设置(以树结构显示导航菜单)

Ztree下载地址：http://www.ztree.me/v3/main.php#_zTreeInfo效果图：引用css+js文件： varsetting={ view:{ selectedMulti
kongwei521·2016-02-04 08:00

用css+js实现自动伸缩导航栏

作者的话偶然一个机会，在网上看到一篇ted公开课【让我们教孩子编程吧】里面有一个实例，说是一个小男孩制作了一个大鱼吃小鱼的游戏，他想为这个游戏做一个计分板（吃一条鱼加一分），便他在网上求教，后来被网站创作者发现后，告诉了他答案：变量。通过这个学到的知识点【变量】也许小男孩永远不会忘记。从中可以看出，通过需求学习编程往往比为了学编程而学习编程要记得更劳并且更有价值。这也对我之后的学习以及写作产生的改
光哥很霸气·2016-02-01 22:20

java_easyui体系之目录 [转]

要引入的css+js：  登录的div和表
风浪·2016-01-18 09:00

【嘉兴东臣php】HTML+CSS+JS周总结

总结：        通过一个星期的学习，了解了XHTML与HTML的区别，学习了CSS+JS，对于这些感觉还不是特别熟悉，下面是我对一周所学所做的总结以及还不是很清楚的地方。
Mocha丶Ye·2015-12-13 22:00

CSS+JS下拉菜单和纯CSS下拉菜单

下拉菜单 （思路：先把二级定位到屏幕外，鼠标悬停重新定位回来；另一个就是ul浮动，li也浮动） 下拉菜单的一般思路就是把子导航嵌套在无序列表中，把列表定位到屏幕之外，当鼠标悬停在其父列表项上时，重新定位它。 有两个问题需要注意， 第一个问题，列表项设置了float浮动，因此列表也要浮动已防止列表收缩： ul.nav,ul.nav ul{float:left} ul.nav li{flo
·2015-11-13 22:25

CSS+JS实现文字色彩渐变

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml
·2015-11-13 19:31

[导入]CSS+JS实现的幻灯片效果

CSS代码如下： 程序代码 /* 轮播图片 */ #oo_img {} #oo_img a{display:none;} #oo_img a.imgdefault{display:none;} #oo_img a.imgthis{display:block;} #oo_img img {width:350px; height:250px;} #oo_num {padd
·2015-11-13 13:09

两种自定义html滚动条

一种是给默认滚动条设置样式，另一种是使用设计好的图片+css+js。 都挺好用的。
·2015-11-13 08:28

css+js整站变灰（兼容IE7+）

原文: css+js整站变灰（兼容IE7+） 历年大型地震等自然灾害来临过后，各大网站整站都变成灰色以悼念逝去的生命，那么这种整站变灰的效果是怎么做到的？ 重写一套css？
·2015-11-13 04:45

css+js 控制幻灯片效果

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>幻灯片效果</title> <style type="text/css">
·2015-11-12 14:12

CSS+JS经典的滑轮新闻显示

<HTML><HEAD><TITLE>绝对经典的滑轮新闻显示(javascript+css)</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <style type="text/css"
·2015-11-12 10:11

CSS+JS控制文字

<HTML> <HEAD>  <TITLE>CSS+JS控制文字</TITLE> </HEAD> <BODY>
·2015-11-11 10:42

JavaScript下拉菜单的例子分享

JavaScript下拉菜单的例子分享 css+js下拉菜单 完整代码： <!
·2015-11-11 00:45

纯css+js下拉菜单实例代码

纯css+js下拉菜单实例代码 分享一个css+js下拉菜单代码，js+css实现的简单下拉菜单，兼容性不错。
·2015-11-11 00:45

CSS+JS 仿MSN TAB选项卡

 CSS+JS 仿MSN TAB选项卡 代码 <!
·2015-11-09 14:54

认识EXTJS

该框架完全基于纯Html/CSS+JS技术，提供丰富的跨浏览器UI组件，灵活采用JSON/XML数据源开发，使得服务端表示层的负荷真正减轻，从而达到客户端的MVC应用！
·2015-11-08 16:44
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他