Tz。

If you want something in your life you've never had, you'll have to do something you've never done.

排序:
默认
按更新时间
按访问量

腾讯观看高清视频的方法

https://v.qq.com/x/page/y0539nxjptf.html y0539nxjptf为iframe中的vid,这样就可以选择观看的清晰度

2017-10-09 21:00:22

阅读数:105

评论数:0

机票去程返程的切换效果

<!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <title>Document</title>...

2017-09-04 16:40:53

阅读数:257

评论数:0

white-space: nowrap解决滑动的应用

.case-box-wrap { overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; &::-w...

2017-03-27 11:07:58

阅读数:243

评论数:0

js模拟网页进度加载。

这个小玩意用于h5上的模拟加载还是可以,就是打开的时候模拟正在加载。但是实际项目中并不一定准确。因为并没有真实请求,慎用!#p{ width: 100%; height: 100%; position: absolute; ...

2016-07-19 18:11:06

阅读数:252

评论数:0

团购以及活动倒计时简单实现

淘宝美团一些网站上面经常搞什么活动倒计时。看到了自己也玩一下吧。实现方法都一样,无非就是后台传值过来活动结束的时间,然后减去当前的时间进行动态插入时间节点。html:<div class="box" end-time="1463500799" star...

2016-05-16 18:30:14

阅读数:591

评论数:0

滑动的导航,背景图片或者边框滑动效果

滑动都是一个道理。 主要就是根据当前滑块的位置计算出要移动的距离。 可能也算一个小小的算法把 我觉得这是核心。function setSlider(i) { $(slider).width(array_w[i]); $(slid...

2016-05-05 18:46:45

阅读数:235

评论数:0

垂直居中解决方案,兼容ie6+

本来想发在博客上的。妈的最近博客抽风。文章发布老是有问题。哎不想折腾。烦死人了。直接放个demo得了垂直居中demo<!DOCTYPE html> <html lang="en"><head> <meta charset=&qu...

2016-04-28 16:08:19

阅读数:1144

评论数:0

网页底部固定的两种方式

小小的需求,不管内容页面的多少。始终要底部固定在页面窗口的底部。 实现方法两种,道理简简单单,公司的电脑妈的一打开github就死机。真是无力吐槽了。。。方法一: 判断高度$(function() { footerAuto(); }) function foote...

2016-04-27 15:40:39

阅读数:239

评论数:0

复习一下两列布局。

<!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <title>两列布局</title> ...

2016-04-22 17:23:38

阅读数:240

评论数:0

手风琴切换的效果

2016第一遍文字,写写这玩意玩一下demo: http://codepen.io/tianzi77/full/eJoaww 代码都不想上了,里面都有。更多是样式的细节与宽度的计算。还有一些动画切换的效果。收笔下班。哈哈哈

2016-02-18 18:45:21

阅读数:264

评论数:0

bfc的一些应用

好久在这里写文章了, 谈谈bfc吧。概念什么的就不说了。 很简单的一个东西,在布局的时候确实真的很有用处的。 写了个列子http://codepen.io/tianzi77/pen/MKwLpr <!DOCTYPE html> <html> <head> ...

2015-12-11 10:22:47

阅读数:239

评论数:0

jquery的一些学习心得总结

自己对jquery的学习总结jq的设计思想: 模拟css选择元素$('div') $('.div') $('#div') 独有的表达式选择 $('div:first') $('div:even') 多种筛选方法 jq写法: 方法函数化 .html() .click() 链式操作 取值赋值...

2015-09-27 21:43:33

阅读数:252

评论数:0

无限滚动js

封装成一个jq插件:(function($){ $.fn.myScroll = function(options){ //默认配置 var defaults = { speed:40, //滚动速度,值越大速度越慢 rowHeight:24...

2015-09-22 16:48:57

阅读数:454

评论数:0

好玩的input输入框

这个效果可以用于各种输入框效果,搜索什么的。 demo:http://codepen.io/tianzi77/full/XmXZmW简单的input标签作为html结构: <input type="search" size="50" id=&q...

2015-09-15 17:33:34

阅读数:292

评论数:0

玩玩斜线导航

很多网站采用怪异的导航,看起来很酷,斜线导航就是一种。 demo见:http://codepen.io/tianzi77/pen/bVNvpq <ul id="nav"> <li id="nav-1"><...

2015-09-04 22:36:27

阅读数:311

评论数:0

js快速排序

快速排序(Quicksort)是对冒泡排序的一种改进,是一种分而治之算法归并排序的风格核心的思想就是通过一趟排序将要排序的数据分割成独立的两部分,其中一部分的所有数据都比另外一部分的所有数据都要小,然后再按此方法对这两部分数据分别进行快速排序,整个排序过程可以递归进行,以此达到整个数据变成有序序列...

2015-08-31 16:57:37

阅读数:481

评论数:0

纯css玩转三角形

如今css3盛行的时代,用canvas,svg以及linear-gradient,radio-gradient都能画出各种各样的图形。但是早在css2时代,画三角形就不是什么新鲜事。这里简单总结一下,也方便自己查阅。<div class="triangle-up">...

2015-08-27 18:57:33

阅读数:580

评论数:0

流式布局之等比列缩放的盒子。

说到等比列布局,很多开发者便想到js,在响应式设计逐渐成为主流的今天,流式布局这个词即使放在一两年前也绝算不得是个新鲜词汇。下面是一个布局实例: <div class="item">here is somediv</div> <div...

2015-08-27 09:42:45

阅读数:1033

评论数:0

css3中webkit内核的滚动条样式

项目当中用到的滚动条样式,在别人的基础上调成适合自己的样式。(IE可以调试滚动条样式,firefox目前不能调试)::-webkit-scrollbar { width: 14px; }/* Track & scroll thickness */ ::-webkit-scrollbar-...

2015-08-24 11:46:49

阅读数:1148

评论数:0

pptv首页导航效果

周末闲时打开pptv看直播,然后发现它的导航改版了,还是比较酷的。出于对同行对热爱,自己也试着实现了一下:demo:http://output.jsbin.com/pomimajidu pptv效果:www.pptv.comhtml: <ul class="nav"...

2015-08-23 17:23:23

阅读数:696

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭