这个是送给大发的,作为对他那个见见的报答.
本来我还愁着卫生巾这玩意儿怎么玩都玩不出他那样的节操,不过我觉得我也已经把卫生巾玩到下限了.
听从了阿修割的建议,颜色改了一下,哈哈哈
哈哈哈哈
我感觉你们应该不需要这玩意儿的,不过代码我还是放出来吧,怎么说这也是篇技术文啊,哈哈哈哈
css
写的略乱,因为我在不断完善,我也感觉我挺不容易的
.jj{width:100px;height:100px;background:#fff;border-top-right-radius:100px;border-top-left-radius:100px;border:1px solid #000;border-bottom:none} .jj2{width:100px;height:100px;background:#fff;border:1px solid #000;border-top:none;border-bottom:none} .jj3{width:100px;height:100px;background:#fff;border:1px solid #000;border-bottom-right-radius:100px; border-bottom-left-radius:100px;border-top:none; } .jj4{width:50px;height:80px;background:#fff;position:absolute; left:-50px;border:1px solid #000;border-bottom-left-radius:100px;border-top-left-radius:100px;border-right:none;} .jj5{ width:50px;height:80px;background:#fff; border-bottom-right-radius:100px;border-top-right-radius:100px;border:1px solid #000;border-left:none;position:absolute; left:100px; } .jian{ position:absolute; left:500px;top:200px;display:none } #jianjian:hover .jian{display:block} .jj6{ border-radius:200px / 250px;position:absolute;top:100px;left:30px;-webkit-animation:jianjian 2s ease-in; -webkit-animation-fill-mode:forwards; -moz-animation:jianjian 2s ease-in; -moz-animation-fill-mode:forwards;width: 60px;height: 120px;background: #9C0505;box-shadow: 0 0 60px #C20101,inset 0 0 10px #FF9B9B; } @-webkit-keyframes jianjian{ 0% {width:0px;height:0px;left:50%;top:50%; opacity:0;} 100% {width: 50px;height:80px; opacity:1;} } @-moz-keyframes jianjian{ 0% {width:0px;height:0px;left:50%;top:50%; opacity:0;} 100% {width: 50px;height:80px; opacity:1;} } .jj7{-webkit-animation: bleeding 1s linear 3s infinite;-moz-animation: bleeding 1s linear 3s infinite;width:10px;height:10px;border-radius:200px ;position:absolute;top:120px;left:40px} @-webkit-keyframes bleeding { 0% { -webkit-transform: translate3d(0,0,0) rotate(0deg);background:#9C0505;} 100% {-webkit-transform: translate3d(0,1000px,0) rotate(360deg);} } @-moz-keyframes bleeding { 0% { -moz-transform: translate3d(0,0,0) rotate(0deg);background:#9C0505;} 100% {-moz-transform: translate3d(0,1000px,0) rotate(360deg);} } .jj8{-webkit-animation: bleeding2 5s ease-in 3s infinite;-moz-animation:bleeding2 5s ease-in 3s infinite;width:5px;height:10px;border-radius:200px ;position:absolute;top:170px;left:60px;} @-webkit-keyframes bleeding2 { 0% { height:0;background:#9C0505} 100% {height:120px} } @-moz-keyframes bleeding2 { 0% { height:0;background:#9C0505} 100% {height:120px} }
html
<div class="jian"> <div class="jj"> </div> <div class="jj4"> </div> <div class="jj5"> </div> <div class="jj2"> </div> <div class="jj3"> </div> <div class="jj6"> </div> <div class="jj7"> </div> <div class="jj8"> </div> </div>
沙发
四月 13, 2013 14:26:44@Android
蝴蝶姐姐求安慰
101室 四月 13, 2013 14:27:34@哥特复兴 求陪吐(^_^)
102室 四月 13, 2013 14:28:09@哥特复兴
乖 求安慰你@他作甚
102室 四月 13, 2013 14:29:09@小蝴蝶 ………不用这样吧。。
103室 四月 13, 2013 14:32:36@哥特复兴 哎呦,最近沙发换人了啊。
102室 四月 15, 2013 09:38:45沙发
沙发
四月 13, 2013 14:26:47@哥特复兴 我注意到二楼和一楼只差了三秒。哈哈
201室 四月 13, 2013 16:53:46@ChoJemmy 那是因为我手贱写了沙发几个字
202室 四月 13, 2013 17:19:12@哥特复兴 你们都不听话啊 前面多少鲜活的例子 抢沙发切忌得瑟…
203室 四月 13, 2013 17:20:19吐槽 恶心,,,(⊙o⊙)…
四月 13, 2013 14:27:07jj。。。。。。我勒个去。。。。。。。我吐去了。。
四月 13, 2013 14:27:42这是小蝴蝶刚用过的,这么新鲜 -_-|||
四月 13, 2013 14:29:27@不亦乐乎
这都被你知道了。你比他男人知道的还多啊
501室 四月 16, 2013 12:14:40今天早上起来短裤湿了
四月 13, 2013 14:30:02@哥特复兴 你多大了还尿床
601室 四月 13, 2013 19:58:24@619影视
青春期
602室 四月 13, 2013 20:04:28三分钟前的文。就这样了?受不了这速度了
四月 13, 2013 14:30:26看的大发二字。。我。。。我。。。。我。。。。我。。。真的。。。那个大发他(她)。。。怎么了。。。。。。。。。。。。。。。。。。。。我。。。。。我。。。。。我。。。。。。。。我。。。。。。。我。我。我。我。我。我。。我。。。。。。。。。。.我。。。。。
四月 13, 2013 14:30:31@Android 大发咋了 啊 大发咋了
801室 四月 13, 2013 14:52:13@小蝴蝶 你猜啊 你猜啊 我不会告诉你 待会QQ上告诉你
802室 四月 13, 2013 14:55:54血染红了我平板可爱的10英寸屏。。。小蝴蝶 随便赔个7,8万吧。。
四月 13, 2013 14:37:31@Android 7 8万太少了 不行
901室 四月 13, 2013 14:51:46@小蝴蝶 10万。。就这样愉快的决定了
902室 四月 13, 2013 14:54:20刚去你qq空间了。原来你还染过金黄色的头发。
四月 13, 2013 14:40:46@ChoJemmy 是啊 其实我自己挺喜欢那颜色的 只不过不被世俗接受 哈哈
1001室 四月 13, 2013 14:43:42@小蝴蝶 感觉挺好的。当年我也搞过,被爸妈骂了一个暑假。
1002室 四月 13, 2013 15:05:56@ChoJemmy 我爸妈没骂我,还是小马哥让我染回去的,他说这颜色不稳重….
1003室 四月 13, 2013 15:33:59@小蝴蝶 的确不稳重,有时候工作需要,哈哈。
1004室 四月 15, 2013 21:29:13颜色偏鲜艳了点。
四月 13, 2013 15:03:25@阿邙 新鲜的…
1101室 四月 13, 2013 15:34:11@阿邙 才发现你用的火狐…刚才-moz-属性没加 你应该看不出来效果
1101室 四月 13, 2013 18:31:11@小蝴蝶 滴的太快了点,除非是重力加倍才有这速度。 我表示以后提交评论前都要复制一下。
1102室 四月 13, 2013 18:34:22刚又回首页了。
@阿邙 还有一个滴的慢的作为互补…我感到压力山大我也不知道这是为什么
1103室 四月 13, 2013 18:35:37颜色应该深一些,看过那么多血浆片的我表示血不是这颜色~~姨妈应该也差不多吧……
四月 13, 2013 15:58:50@axiu 你错了,其实真正的大姨妈是蓝色的,广告上都是这样的
1201室 四月 13, 2013 16:09:03@小蝴蝶 藍色?
1202室 四月 14, 2013 15:22:25@Arch!tect 是的,广告上都是蓝的 ,相信我。
1203室 四月 15, 2013 11:00:50@小蝴蝶 欺騙純真的我有神馬好處。。。壞銀
1204室 四月 15, 2013 12:11:54width: 60px;height: 120px;background: #9C0505;box-shadow: 0 0 60px #C20101,inset 0 0 10px #FF9B9B;这样会好些。(噗……我为什么要做这个。-_-|||
四月 13, 2013 16:09:53@axiu 改好了,哈哈哈哈,诤友!
1301室 四月 13, 2013 16:16:12标签名能优雅点么。我操
四月 13, 2013 17:19:30@大发 标签很优雅啊 标签是css
1401室 四月 13, 2013 18:22:26@小蝴蝶 人家说的是class,不过我觉得你这是装傻了
1402室 四月 14, 2013 18:03:30@xsinger 尼玛知道还说。。
1403室 四月 15, 2013 11:01:19血腥~~~~
四月 13, 2013 18:16:10怎么以前没发现发叔如此没节操
四月 13, 2013 19:02:14@Tokin 你发叔遇到我之后 从此不知节操是何物
1601室 四月 13, 2013 19:15:11@小蝴蝶 额,好吧。。。如此让我纠结的回复
1602室 四月 13, 2013 19:16:41这是大发的啊,量很大嘛!
四月 13, 2013 20:02:03看到这个我已经无语,只能用当年流行的那句话:很黄很暴力~
四月 13, 2013 20:47:43@郑永 大发那个更暴力
1801室 四月 13, 2013 21:22:35阿修哥的建议。。。汗。。
四月 13, 2013 20:54:30@郑永 本来是大红 用了阿修哥的颜色 感觉好多了哈哈哈
1901室 四月 13, 2013 21:23:37@小蝴蝶 估计贫血。。
1902室 四月 14, 2013 01:01:37节操何在
四月 13, 2013 21:04:57@技术宅 节操是什么
2001室 四月 18, 2013 23:09:58@公子 还行吧哈哈哈
2101室 四月 13, 2013 21:24:23重品味
四月 13, 2013 21:49:04.jj class名字用的真好!
四月 13, 2013 22:10:34@airoschou 哎呀这个其实是jianjian的缩写啦….
2301室 四月 13, 2013 22:13:23@小蝴蝶 我以为是鸡鸡
2302室 四月 14, 2013 18:02:44@小蝴蝶 操,你自己能相信嘛?
2302室 四月 14, 2013 20:47:54我看到了很多很多的“jianjian”,让人邪恶一番….
四月 14, 2013 13:28:37夜用的吗?
四月 14, 2013 18:02:03@xsinger 日用的,所以你看,它测漏了
2501室 四月 15, 2013 00:08:06我去 咋这么血腥呢。。。太牛逼了!
四月 14, 2013 19:49:09小蝴蝶,你也太牛了吧。有个性的程序猿。
四月 14, 2013 19:49:54这滴血的卫生巾看着我心疼直颤啊
四月 14, 2013 20:42:47你够了…
四月 14, 2013 22:39:55@零落千起 我回了..
2901室 四月 18, 2013 23:13:02好吧 你们都狠
四月 15, 2013 02:44:20太暴力了。没想到你口味还挺重啊。
四月 15, 2013 09:38:02口味要如何之重才能有此创意!!!
四月 15, 2013 20:05:27好大的创可贴
四月 16, 2013 11:03:21姐,不得不赞你,太强大了。。。
四月 16, 2013 12:13:40@灰狼 好玩吧 弟 哈哈哈
3501室 四月 18, 2013 23:42:43这篇文章比较实用呢 博主辛苦了~
四月 16, 2013 15:45:13重口啊哈。
四月 16, 2013 22:36:30我艹!小蝴蝶你的节操!
四月 16, 2013 22:37:31@DruidFY 在地上呢..
3801室 四月 18, 2013 23:25:51呃,图片看起来简单,代码却好多!
四月 16, 2013 22:51:59- -div的标签是亮点。。。哪来的那么多jj= =
四月 20, 2013 18:26:29你和大发可真都没节操啊~
四月 21, 2013 12:26:18ca 口味这么重?
四月 22, 2013 22:27:24这个你也拿来玩?!
四月 24, 2013 09:43:09把鼠标onmouseover在 侧栏->链接->见见 后,会出现两个卫生巾
四月 24, 2013 19:36:04好吧 ,你真厉害..
六月 3, 2013 14:06:53很黄很暴力
六月 7, 2013 12:57:50邪恶
七月 21, 2013 19:44:07