CSS+Js

css+js实现图片反转效果

一个图片，点击图片图片反转180deg后，出现图片的简介html部分Loremipsumdolorsitamet,consecteturadipisicingelit.Doloremaliquidlaboriosamaipsamducimuseanobisofficiisdignissimosconsequunturasperioresfugaillumsaeperemeiusipsavel,at
wukongk·2020-08-21 16:53

Web css+js实现返回顶部例子

Webcss+js实现返回顶部例子一、简述记--使用css+js实现返回顶部的例子，兼容IE6浏览器。二、效果左边是谷歌浏览器的测试效果，右边是IETester模拟的IE6浏览器。
Genven_Liang·2020-08-21 15:08

input file样式

方法一：也可以写成这样：方法二：css+js定义input的file浏览按钮样式兼容FireFox
xyl36500·2020-08-20 13:59

css+js实现banner图片轮播

1.摘要css实现banner布局，js实现图片轮播，附带按钮二级效果、banner响应式缩放。2.html部分从左往右依次放置按钮、图片、按钮，两个按钮和图片处于同一div中。<>3.css部分两个按钮和图片所处的div设置子控件垂直居中。按钮的层级一定要在图片之上，即z-index值更大。图片设置flex为1。图片margin值为负数，大小等于按钮宽度。.div_banner{wi
进击的小宇宙·2020-08-16 22:46

vue中css+js实现画公司专用章

html：js：methods:{createSeal(id,company,name){varcanvas=document.getElementById(id);varcontext=canvas.getContext('2d');//绘制印章边框varwidth=canvas.width/2;varheight=canvas.height/2;context.lineWidth=7;cont
阿然然然·2020-08-15 00:30

css + js实现简单无缝滚动字幕

css+js实现无缝滚动字幕利用js和css就可以很方便的实现一个无缝滚动字幕，使得列表在一个方框里不停滚动目录cssjs实现无缝滚动字幕实现思路html代码css代码js代码源码下载上一篇博客地址实现思路定义两个滚动块
Routz·2020-08-10 10:33

CSS＋JS实现浏览器不保存用户名密码

因为信息安全问题，客户要求在输入密码的时候，不让浏览器弹出是否保存用户名密码的框框.....调查发现只要将input的type指定为password就会提示，所以想了这么个办法...只试过IE11和Chrome，其他浏览器不知道好不好用....要是有人尝试的话，麻烦告诉一下结果...[捂脸][捂脸][捂脸]#password{text-security:disc;-webkit-text-secu
橘猫猫猫猫丶·2020-08-10 08:40

使用css+js制作选项卡

选项卡制作选项卡*{margin:0;padding:0;}#box{width:480px;height:500px;margin:100pxauto;text-align:center;}ul{list-style:none;}a:link{color:red;text-decoration:none;}/*未被访问的链接*/a:visited{color:blue;}/*已被访问的链接*/a
周天祥·2020-08-08 22:46

浏览器兼容性汇总(CSS+js)

目录ØJavaScript31.HTML对象获取问题32.const问题33.event.x与event.y问题34.window.location.href问题35.frame问题36.模态和非模态窗口问题37.firefox与IE的父元素(parentElement)的区别38.document.formName.item(”itemName”)问题39.集合类对象问题310.自定义属性问题3
发烧哥·2020-08-08 21:31

两种方式实现图片自动轮播效果

纯CSS实现背景图片自动轮播效果+CSS+JS实现直接上代码：无缝滚动*{margin:0;padding:0;}li{list-style:none;}  body{  background-color
PeterChu_txj·2020-08-07 17:28

两种自定义html滚动条

一种是给默认滚动条设置样式，另一种是使用设计好的图片+css+js。都挺好用的。
weixin_30279671·2020-08-05 02:12

微信小程序开发一些经验

微信小程序对于微信小程序开发入门，还是比较简单的，只需要具备基本的css+js知识就可以了，成本比较低。
weixin_34111790·2020-08-04 05:47

三种常用的网页滑动门效果源代码(无AJAX)

三种常用的网页滑动门效果源代码，使用CSS+JS，无需ajax及jquery等。第一种方式最简单，由js控制css显示样式。
系统信息·2020-08-04 01:12

css知识总结

我们知道网页开发，无非就是h5页面+css+js，前面写了一篇文章总结了js，这里再来总结下css，算是为自己目前的网页开发知识做一个系统性的总结。
小草的胖冬瓜·2020-08-03 14:32

通过自定义属性添加样式（css+js，动态判断背景颜色）

今天我们要写一个写死的背景色，通过我们的JS把背景色变成活的。当我们通过点击“+”“-”号来控制右边标签的隐藏显现！！！一开始背景色是直接写上的，点击第一个“+”右边就是对应的标签也相对应的背景颜色。后来觉得太难看了，要点击的时候背景色随着我出现的几个li标签来添加。一行灰色，一行白色。我们就用属性来写css样式，用js的判断属性来动态判断背景颜色的生成。---------------------
Facing_the_Giants·2020-08-02 21:18

css+js实现轮播banner

基本功能轮回播放自定义过渡时间、间隔时间上一张、下一张完整代码*{padding:0;margin:0;}.container{width:126px;height:86px;overflow:hidden;margin:100pxauto;background-color:aquamarine;}.swiper{list-style:none;display:flex;/*transition:
withwz_·2020-07-15 07:57

css+js实现静态和动态条形/环形进度条展示

css+js实现静态和动态进度条展示css+js实现静态和动态进度条展示css+js实现静态和动态进度条展示css+js实现静态和动态进度条展示的思路见代码：进度条缓冲*{margin:0;padding
zcl_1·2020-07-15 06:55

CSS+DIV+JQuery实战视频总结

在牛腩中学习过CSS和DIV，在JS中学习过CSS+JS封装，在这里又回顾了一遍，也作为查漏补缺，也算比较系统的复习了一遍吧。
little_color·2020-07-14 02:57

css+js改变滚动条

CSS3或CSS+JS实现改变滚动条样式(兼容所有浏览器)/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/::-webkit-scrollbar{width:16px;/*滚动条宽度*/height
紫枫_e415·2020-07-13 18:50

CSS+JS制作导航栏点击选中效果

案例一：日历选中（li）示例如图：默认选中第一个：周一，如图：点击周二，如图：JS代码：varoLis=document.getElementsByTagName("li");vari,j;varlength=oLis.length;for(i=0;ihtml代码：周一5周二6周三7周四8周五9周六10周日11周一12CSS代码：.cal_ul>li>a:hover{background:#fff
豌豆射手kid·2020-07-12 03:22

2016阿里前端实习电话面试实录

答：考虑到移动端的性能，全部采用原生CSS+JS，Ajax，Gulp......2.CSS如何垂直居中？
苏星河·2020-07-11 03:25

css-点击按钮实现水滴动画

按钮会出现水滴的效果，原生APP开发的时候，会提供相关的动画，如果在PC端或者H5的时候想实现这个效果，也可以找一些相关的库来进行开发，但是为了某一个小小的交互而引入外部的JS和CSS，始终感觉不划算，自己如果用css
wanxchao·2020-07-11 00:53

echarts 地图 动态 展示 结合css+js

echarts地图展示功能很强大，官网上静态展示的例子很多了，动态的资料少，研究了下，我目前实现的通过ajax从服务器获取数据动态展示地图。另外，我们有时候希望在地图之上做些自定义的东西，比如：通知框，或者其他的东西，我们可以通过css图层的方式在地图之上实现。我实现的效果如下：附上源代码：ECharts.dn{display:none;}.divcss5-1{z-index:10;border:
haove·2020-07-09 16:04

css动效

css3下拉动效今儿，接到了一个项目是关于动效这块儿，当时还在纠结需要什么方法来写更快更兼容简便,后在网上找了很多资料,都是基于css+js或者jq引库。
花飞花陌离·2020-07-09 16:24

分享一些可能会用到的原生前端CSS例子，要不进来看看？

前言今天来分享一些原生的CSS或者是CSS+JS的实际例子，这些例子比较的简单，但是都是实际开发之中可能遇到的。
xmanlin·2020-07-08 13:49

移动端css+js实现五子棋小游戏

前端css+js实现五子棋小游戏1.csshtml,body,section,div,p{padding:0;margin:0;font-size:12px;}body{width:100%;height
Let dreams fly·2020-07-06 02:23

css+js实现元素内容超过显示区域时以省略号显示隐藏内容，鼠标移动到元素时显示完整内容

今天在工作中遇到一个问题，需求要求超出显示区域的内容以省略号显示，鼠标移动到有省略号的记录上时，显示含有完整内容的提示框。刚开始我用的是css的text-overflow:ellipsis加html中的title属性来实现，后来测试时发现此方案在firefox及IE中行不通，因为在firefox和IE中，如果title中含有一长串由数字或字母组成的字符串，并且此字符串一行显示不下时，浏览器会自动截
web12138·2020-07-05 20:02

写的一个网页登录注册模板（css+js），注册成功后把账号保存到MySQL数据库，登录时从数据库查找进行验证（jsp+javabean）

首先是网页前端的设计，使用css美化（字体使用Googlefont，图标使用fontawemome，颜色使用palettes|flatuicolors，谷歌可找到，个人觉得挺好用）使用了简单的js进行表单验证用户名长度、密码、确认密码登录界面注册界面把前端代码写到jsp里面了，通过表单post提交到action，进行相应的业务逻辑处理操作**main.jsp**login-registerLogi
不想努力的工大青年·2020-07-05 10:40

Android WebView注入CSS+JS的项目解决方案

在某个项目中，由于用到第三方的接口，登录和授权的界面也由第三方提供，而我们是在车机产品上使用，分辨率为800X480。第三方并没有针对这个分辨率的布局，并且不为我们进行修改，就算是高德去推也没有推动。因此，只能使用偏门的方法，之所以说偏门，是因为注入css和js的方式是有风险的，假如web端改了页面，可能我们的app就得跟着升级了。好了，下面开始正题首先，要在WebView注入JS，我们需要开启J
leogray·2020-07-02 07:19

css+js模拟用户 注册和登录页面

制作一个注册页面用户名不能为空并且（6-20位英文字母数字下划线）密码重复密码6位以上英文字母数字下划线密码和重复密码必须一致身份证号：旧身份证号为15位数字新身份证号为18位数字，或17位数字，最末位为x或Xemail正常的邮箱规则用户注册：TzhangRongfunctionvali(){varpws1=document.getElementById("name");varas=pws1.va
张榕·2020-06-30 13:01

利用css+js制作广告轮播

现在一般的网站都有广告轮播的部分。参考了网上零零散散的教程，今天尝试自己做了各轮播的效果。放不了效果视频，就放个图片吧。如下四张图片在滚动，每隔5秒向后跳一张，下方的四个点像走马灯一样一个个循环图片转换过程采取淡入淡出的渐变方式鼠标悬停在图片上方会出现，左右两个箭头。点击可以实现向前或向后跳转。当然点击下方的四个点也可以跳转。基本上就是常规的广告轮播。实现方法、html部分css部分.ad{dis
yahahassr·2020-06-30 05:33

web前端之时钟(css+js)

时钟.clock_box{width:300px;height:300px;border:5pxsolid#FF7F24;border-radius:50%;position:relative;}.clock_dial{font-size:18px;width:100%;height:100%;position:relative;-moz-transform-origin:centercenter
不爱当码农的瘦子·2020-06-29 07:51

Python+人工智能学习路线

一、Python基础系列数据的存储运算符与表达式循环基础数据结构1基础数据结构2函数1函数2Web前端HTML5的标签HTML5交互与表格CSS+JS初步Dom操作JQuery初步Jquery制作动画AjaxLinux
weixin_34212762·2020-06-28 13:00

CSS+JS实现苹果cover flow效果

废话不多说,直接上最终效果图和代码吧github地址:https://github.com/YueminHu/b...coverflow-demodiv.innerWrapper{perspective:300px;width:600px;height:300px;margin:100pxauto;display:flex;align-items:flex-start;background-col
weixin_33895475·2020-06-28 07:26

Python+人工智能学习路线

一、Python基础系列数据的存储运算符与表达式循环基础数据结构1基础数据结构2函数1函数2二、Web前端HTML5的标签HTML5交互与表格CSS+JS初步Dom操作JQuery初步Jquery制作动画
weixin_30699955·2020-06-27 23:29

Bootstrap-paginator + PageHelper 前后台分页对接

bootstrap-paginator+PageHelper前后台分页的实现一、bootstrap-paginator简介1.先导入相关的bootstrap、jquery、bootstrap-paginator相关css
csdn_小东·2020-06-27 14:54

CSS+JS构建的图片查看器

这是一个使用CSS+JS构建的简易图片查看器，采用缩略图点击查看大图，可以分别显示每张图片的描述，大图显示位置采用固定宽度和高度，超出部分隐藏，点击大图可查看完全尺寸，兼容性：IE、Firefox、Opera
jxcjxinxing·2020-06-23 23:04

ajax请求等候效果

使用css+js来实现加载中效果css3中使用-webkit-animation:load2.08slinearinfinite;和-webkit-transform新属性结合使用。
后简1994·2020-04-13 15:36

css+js简易微博效果

#d1{width:800px;height:500px;border:5pxsolidblack;}#txt{width:300px;height:200px;border:2pxsolid#ccc;}#d2{width:200px;}li{list-style:none;}发布varoBtn=document.getElementById('btn');varoTxt=document.get
郭钰涛·2020-04-04 15:03

css+js网站变灰

历年大型地震等自然灾害来临过后，各大网站整站都变成灰色以悼念逝去的生命重写一套css？NO，即便你有这个时间重写，那网站内的图片怎么办？难道重做一遍？很明显工作量巨大不符合实际。火狐和chrome浏览器比较简单，直接用css3搞定：body{filter:grayscale(100%);/*火狐*/-webkit-filter:grayscale(100%);/*chrome*/}这是一段文字对于
shetoutou·2020-04-03 19:00

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

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

小程序源码 百度云资源

站长素材下载微信小程序的开发工具试了一下，发现只要会css+js+熟悉微信小程序api，就能开发微信小程序，收集一些微信小程序实例源码大全demo下载微信小程序最近火的不要不要的，站长素材也下载了微信小程序的开发工具试了一下，发现只要会css
时光继·2020-03-12 02:23

css+js中的简单命名规范

CSS选择器的命名规则1.命名用英文小写字母书写；2.命名体现出内容、功能或者样式(样式命名少用)，注重语义化；3.多个单词的命名使用中横线-进行连接；4.id选择器在HTML中只在大区块上进行添加，尽量少用，其它可使用类选择器；5.命名如果采用缩写要使人能看懂，不要使用无意义的命名；6.属性的值要用双引号括起来，如：class="nav";；JS的命名1.命名采用驼峰式命名，第一个单词小写，后面
刘爱琼·2020-03-04 07:55

css+js实现回到顶部按钮

浏览网页时，当滚动条滚动的时候，会出现回到顶部的按钮，有的按钮是通过图片实现的，但是其实也可以通过纯css+javascript的方式来实现它。制作回到顶部按钮利用了div的border的特性绘制了三角形箭头.arrow{border:9pxsolidtransparent;border-bottom-color:#3DA0DB;width:0px;height:0px;top:0px}其他的就看
oliverhuang·2020-02-28 10:40

一个产品汪的码农自我修养

之前一直很纠结到底是走产品线还是走web前端线，大一的时候本来有机会可以好好静心下来弄清楚css之类的web开发知识，并且如果当初能好好再研究下css+js响应式，不知道现在对于html5是否会有一个更深刻的理解
熊烽echo·2020-02-17 18:12

css+js实现翻牌效果的方法

第一种方式：首先，我们在html中有这样一个布局：不要小看外面那个div，它可是本次内容不可少的呢，没了它，后面的效果就没法实现了呢!局布好了，接下来就要开始搞样式了。最先要搞的肯定是外面的哈，给它一个width,height,大少各位大神自己定吧，小妹我这就先给它定个200*200吧。外面的搞定了，里面的也要开始了，这里都是给200*200。此时在浏览器中一看发现div1和div2是上下显示的，
心羽幸福能量站·2019-12-14 05:27

微信小程序简单实现CNode首页及登陆

直接上图看效果首页CNode首页展示，实现分类tab切换，目前文章详情暂时没有好的富文本解决方案暂时只是获取到了源数据，没有进行美化处理accessToken登陆登陆后显示头像及昵称，并保存在数据库熟悉CSS
习惯安静丶·2019-12-07 08:25

css+js相关笔记

作者:故事我忘了c个人微信公众号:程序猿的月光宝盒css部分:1.内联元素垂直居中的设置:(1)设置父级元素的行高line-height,和高度height原则:line-height=height(2)再设置内联元素的vertical-align:middle2.页头,页尾拼接通常在开发中,都会有公共的页面部分(不只是导航栏,头部,尾页等)2.1拼接法则:主页面中,需要拼接的地方,加入以下代码:
故事我忘了°·2019-11-28 19:00

CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法

本文实例讲述了CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法。分享给大家供大家参考。
·2019-09-25 02:52

JS+CSS实现DIV层的展开、收缩效果

CSS+JS实现一个DIV层的展开/折叠效果*{margin:0;padding:0;}body{text-align:center;font:75%Verdana,Arial,Helvetica,sans-serif
·2019-09-24 00:17
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他