51dev.com IT技术开发者社区

51dev.com 技术开发者社区

按钮

octopress添加回到顶部按钮

octopress添加回到顶部按钮

准备回到顶部的png图片一枚,可以随自己喜好google。分享我的取名top.png,保存在octopress/source/images/top.pngoctopress/source/_includes/custom/目录下新建网页文件:totop.html<!--返回顶部开始--><divid=...

小程序图片添加视频播放按钮图标

小程序图片添加视频播放按钮图标

先上效果图: 这个不是真的video组件,这是图片上定位了一个css元素而已,上wxss代码:<viewclass="item-img"><imagewx:if="{{item.coverUrl}}"src="{{img_full_path+item.coverUrl}}"></...

Web前端-按钮点击效果(水波纹)

Web前端-按钮点击效果(水波纹)

这种效果可以由元素内嵌套canves实现,也可以由css3实现。Canves实现网上摘了一份canves实现的代码,略微去掉了些重复定义的样式并且给出js注释,代码如下 第一种方法:html骨架代码<aclass="btncolor-1material-design"data-color="#2f539...

CSS 实现关闭按钮 X

CSS 实现关闭按钮 X

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title></head><style>.close{background:o...

简单叨叨bootstrap按钮无限层级下拉菜单的实现

简单叨叨bootstrap按钮无限层级下拉菜单的实现

然而网友的力量是强大的,在bootstrap按钮下拉菜单栏的基础上,网友拓展实现了无限层级子菜单,参见:为bootstrapdropdown增加无限级子菜单可以看到这个效果绝对是非常棒了,that'swhatIwant!说动手就动手,通过作者给的demo可以看到:<liclass="offset-leftdrop...

jqurey datatable  tableTools  自定义button元素 以及按钮定义事件

jqurey datatable tableTools 自定义button元素 以及按钮定义事件

版本1.10.4"dom":'T<"clear">lfrtip',"tableTools":{//"sSwfPath":"~/Resources/Scripts/plugins/DataTables/swf/copy_csv_xls_pdf.swf""sRowSelect":"multi","aButton...

微信小程序踩坑之一【weui-wxss-master单选按钮图标修改思路】

微信小程序踩坑之一【weui-wxss-master单选按钮图标修改思路】

小程序原生所带的weui框架做小程序UI实在太方便了,但是他的一些细微变化也是让开发中碰到不少头疼的问题一直以来单选多选的美化都是设计师重点表达的地方之一而weui-wxss-master中的单选多选样式又写的与众不同,不同与常规的weui添加after伪类来显示不同,他是通过type="success_no_circ...

vue 权限控制按钮3种样式、内容、以及跳转事件

vue 权限控制按钮3种样式、内容、以及跳转事件

最近碰到一个因为要根据权限来给一个按钮变成不同功能,简单写出3个按钮然后用v-if也能实现这个功能,但是在加载页面时,如果延迟过高则会把按钮按照DOM顺序加载出来,这是个很不好的效果思索了下,把三个功能分开写,目前但说能达到需求,但个人感觉还不是最好解决办法,在此记录下来以待将来发现更好办法 <divc...

一个漂亮的上传按钮input[type=file]

一个漂亮的上传按钮input[type=file]

.xj-fileinput[type=file]{border:none;outline:none;position:absolute;top:0;left:0px;width:54px;height:34px;cursor:pointer;filter:alpha(opacity=0);opacity:0;}1<...

vue element-ui 隐藏上传按钮

vue element-ui 隐藏上传按钮

1、template:<div>  <el-upload      :class="{hide:hideUpload}"      action=''      list-type="picture-card"      :auto-upload="false"      :show-file-lis...

uni-app 左上角返回按钮消失

uni-app 左上角返回按钮消失

在一级页面点击进入二级页面,当点击二级页面的返回按钮,回到一级页面后,一级页面的左上角返回按钮消失:如下图:在一级页面的时候,左上角返回按钮还在,  uni.navigateTo跳转到二级页面:  点击二级页面左上角按钮返回,一级页面左上角按钮消失,  因为在...

微信小程序点击按钮,修改状态

微信小程序点击按钮,修改状态

WXML中:<viewwx:if="{{orderstate}}='待送检'"data-no="{{orderstate}}"bindtap="quxiaosongjian">  <view>取消送检</view></view> 当前页面显示为待送检 ...

微信小程序判断按钮是否显示,或者隐藏

微信小程序判断按钮是否显示,或者隐藏

js中:onLoad:function(options){  this.setData({    orderstate:'待送检'  })}, WXML中:<viewwx:if="{{orderstate}}='待送检'">  若不是待送检,则显示不出来  <view&g...

小程序点击按钮跨页面传值

小程序点击按钮跨页面传值

1、设置页面:<!--预约时间--><viewclass="sectioncllx"><navigatorhover-class='none'url="../time/time?car_leixing={{array[index]}}"bindchange="bindTimeChange"...

DIV+CSS实现竖排按钮样式

DIV+CSS实现竖排按钮样式

<divclass="btn_leftbtn_left1">每日单元成功率</div><br/><divclass="btn_leftbtn_left2">周单日最高纪录</div>.btn_left{width:25px;border:1pxsolid#fe...