自定义android时间轴控件 | 金金求上进

作者:JerryXia | 发表于 , 阅读 (0)
最简实现第一步,准备layout文件首先是timeline_item.layout, 具体样式无妨,只是要保证item在listview中展示时有时间轴效果123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent" android:layout_height="100dp">    <RelativeLayout        android:id="@+id/left_wrap"        android:layout_alignParentLeft="true"        android:layout_marginLeft="30dp"  ...阅读全文

透明背景,可编辑下拉框 | 金金求上进

作者:JerryXia | 发表于 , 阅读 (0)
基本实现代码123456789101112<body> <div class="select-box"> <input maxlength="2" value="10"/> <select class="show-select"></select> <select id='data' class="bottom-select"> <option>5</option> <option>10</option> <option>20</option> </select> </div> </body>123456789101112131415161718192021222324252627282930select{ position: absolute; background: none; color:white; width:50px; height:20px; top:40px;left:75px; border-color: white; } .show-select { z-index:1; ...阅读全文

web app透明渐变的导航栏 | 金金求上进

作者:JerryXia | 发表于 , 阅读 (0)
下图为一个简单的实现效果
最简实现html,css准备,一个nav bar,大家都会写的咯^.^1234<header id="header" style="background-color: rgba(247,247,247,0)" class="transparent_nav">    <img src="img/back.png"/>    <h1>导航栏</h1>  </header>
12345678.transparent_nav{      position: fixed;      top: 0;      left: 0;      right: 0;      height: 44px;      display: block;    }接下来就是js部分,将window.scrollY减去一个基线值,如0,再将差与一个固定的offset值比较,如150,得出此时的rgba中的a值12345var header = document.getElementById("header")  window.addEventListener("scroll", funct...阅读全文