这是一个创建于 2316 天前的主题，其中的信息可能已经有所发展或是发生改变。
目标：提取 https://alexperryhotelandapartments.com.au 左下角的 “PRICE CHECK NOW" 那个”按钮“html，css （ js ），放在自己的一个 html 页面，达到一样的外观和动画效果。不需要提取点击后出现页面的内容。如果动画效果是用 css 实现的，js 不提取也没关系。
要点
- 提取后，要有清晰，整洁的 html, css (js)结构，方便我以后进行定制
- 提取后所有 css （ js)不能引用第三方网站
- 提取后，比如放在这个 html 文件里 sample.html, 我可以通过
python -m SimpleHTTPServer预览效果
 | 1 xnode 2019 年 9 月 23 日 ..... 老哥 手工写就行了,这个没什么复杂的 |
 | 2 www6688w 2019 年 9 月 23 日 所以呢，，联系方式呢 (￣△￣；) |
| 3 www6688w 2019 年 9 月 23 日 抓 css 很简单吧 |
 | 5 Sor 2019 年 9 月 23 日 怎么联系你呢? |
 | 6 taoche 2019 年 9 月 23 日  1 如果你可以帮我一个 ruby 的忙，作为交换我可以免费帮你处理这个问题 |
 | 7 shaojz2005 2019 年 9 月 23 日 就是一个异形的按钮和一个类似呼吸的动态效果嘛 |
| 8 shaojz2005 2019 年 9 月 23 日 这个没有 js，就是 css 实现的效果 |
 | 9 catsky OP 联系我好了，多谢了 ee5bf2b7c593561f3cf772350015d3a8 |
 | 10 redbuck 2019 年 9 月 23 日 27 .box { width: 500px; height: 200px; background-color: #8e764a; position: absolute; bottom: -100px; left: -50px; transform: rotate(5deg); animation: popup 1s infinite; } @keyframes popup { 0% { background: #8e764a; bottom: -105px; } 50% { background: #80673b; bottom: -100px; } 100% { background: #8e764a; bottom: -105px; } } html <div class="box"></div> |
 | 11 yunhu 2019 年 9 月 23 日 右键 审查元素 查看源代码 |
| 12 catsky OP 不好意思，用这个 email emhkaHVpQGdtYWlsLmNvbQ== |
 | 13 codingBug 2019 年 9 月 23 日 1 |
| 14 Sor 2019 年 9 月 23 日 2 http://139.9.90.195/sample.html |
 | 15 livnimasileid 2019 年 9 月 23 日 @redbuck #10 我的 200 元泡汤了 |
 | 20 VancleefL 2019 年 9 月 23 日 我为什么没早点看到这条帖子 |
 | 22 sugars PRO 唉，来晚了，不然 200 到手 |
 | 23 yEhwG10ZJa83067x 2019 年 9 月 23 日 2 @Sor 建议不要把 ip 暴露哦，把你的放在这里就行了 效果： https://output.jsbin.com/roqicarike 代码： https://jsbin.com/roqicarike/edit?html,css,js,output |
 | 25 Motoi 2019 年 9 月 23 日 1 来晚了 |
 | 26 supersonic13 2019 年 9 月 23 日 钱真好赚。。。 |
| 28 redbuck 2019 年 9 月 23 日 |
 | 29 momocraft 2019 年 9 月 23 日 找人给钱是好文明 |
 | 30 hyy1995 2019 年 9 月 23 日 哇，这钱太容易赚了吧。。真的很简单的。。。 |
 | 32 xutao881 2019 年 9 月 23 日 专业前端，ODI0MzMyMzYy 以后有这种活直接打钱，哈哈哈哈 |
 | 33 rebel28 2019 年 9 月 23 日 f12 直接就看到啊 |
 | 34 123s 2019 年 9 月 23 日 送钱啊 |
 | 35 wolfan 2019 年 9 月 23 日 lz 好心人吖，这样子发红 @包，下次一定要喊上俺吖 |
 | 36 aapon 2019 年 9 月 23 日 真是送钱啊 |
 | 37 v2elephant 2019 年 9 月 23 日 老哥,谈钱就有点看不起我们了 |
 | 39 v3xe 2019 年 9 月 23 日 via iPhone 喜欢你这样有价值的问题，希望多来两个给我。 |
 | 40 grewer 2019 年 9 月 23 日 这么简单还能得 200.. |
 | 41 wuweijia 2019 年 9 月 23 日 在 v 站这个级别的技术问题 谈钱看不起人啊 |
 | 42 zxcslove 2019 年 9 月 23 日 3 《子贡赎人》 |
 | 43 ugu 2019 年 9 月 23 日 f12，自己看 |
 | 44 melvin 2019 年 9 月 23 日 2 行代码搞定的事情，这居然还花钱买，原谅我笑 cry ～ |
 | 45 gbin 2019 年 9 月 23 日 via Android 13 不花钱会被骂伸手党，花钱少会被骂看不起程序员的时间，花钱“多”了还要被骂看不起人? V 站要求真高 |
| 46 catsky OP 1 报酬参考的是澳洲初中级程序员时薪，我本来预估这个至少也得半小时-1 小时的工作量，现在发现技术水平限制了我的想象 |
 | 49 scukmh 2019 年 9 月 23 日 via iPhone 以后有这种好活直接打钱就完事了 |
 | 50 gIrl1990 2019 年 9 月 23 日 脏活累活我拿手滴，让我来。 |
 | 52 hzhengy 2019 年 9 月 23 日 via Android 来晚了 |
 | 53 strugglexiang 2019 年 9 月 23 日 @justrand 老哥有点强啊，我怎么写不出来 |
 | 54 MIMEIK 2019 年 9 月 23 日 我还以为 CSS 有啥骚操作？真就白给啊  |
 | 55 jason19659 2019 年 9 月 24 日 下次带我一个 |
 | 56 KasuganoSoras 2019 年 9 月 24 日 3 给你完美还原了一下，纯手工写的，搞了一个多小时，前端比较渣没办法。。 Demo： https://cdn.zerodream.net/code/test.html 源码： https://github.com/kasuganosoras/SomeCodes/blob/master/v2ex_603187.html 效果图：  |
| 57 KasuganoSoras 2019 年 9 月 24 日 1 因为有点困了所以就没做移动端适配。。凑合着用吧，如果有需要其他的私信我 QQ 204034 |
| 58 catsky OP @KasuganoSoras ，多谢，你的网站我在澳洲打不开 ：） |
| 59 KasuganoSoras 2019 年 9 月 24 日 @catsky #58 那就直接看 github 上的源码吧，我有两台国内的服务器没 peer 国外，所以打不开，你直接 clone 到本地打开 html 就可以看到了。 |
 | 60 Junn 2019 年 9 月 24 日 via iPhone 突然觉东西这东西好值钱 |
 | 61 BarZu 2019 年 9 月 24 日 via Android 快点加楼主微信，说不定以后还有好多这类需求 |
| 62 catsky OP 是的，类似的前端任务以后还会有，有兴趣的可以合作 |
| 63 catsky OP |
 | 64 LyleRockkk 2019 年 9 月 24 日 @KasuganoSoras 这位老哥可真用心，点个赞 |
 | 66 geying 2019 年 9 月 24 日 评论什么风气 看了一下按钮是 div 旋转了 5 度，一个上下移动的动画 @-webkit-keyframes angle_highlight_PCH3CK { 0% { background:#00aeef; top:-35px; } 50% { background:#018cc0; top:-40px; } 100% { background:#00aeef; top:-35px; }} |
 | 68 justin2018 2019 年 9 月 24 日 楼主 以后还有类似需求么 求加个好友~ |
| 69 justin2018 2019 年 9 月 24 日 |
| 70 justin2018 2019 年 9 月 24 日 @KasuganoSoras 借用了一下你的背景图哈~ |
 | 71 KasuganoSoras 2019 年 9 月 24 日 正好我网站能用上，就改了下应用上去了，效果还不错  |
| 72 catsky OP @justin2018 多谢，我微信号 Y2F0c2t5 |
 | 73 ayase252 2019 年 9 月 24 日 来晚了，F12 一看 rotate(5deg)感觉自己还是想象力不够啊 |
 | 74 MzM2ODkx 2019 年 9 月 24 日 来，200 平分了啊 |
| 75 catsky OP @KasuganoSoras 我刚才发了最后一条消息，我的 qq 就把我强制退出了，提示涉嫌发布虚假信息，我去~~ 你能加我微信吗 我微信号 Y2F0c2t5 |
| 76 KasuganoSoras 2021 年 5 月 21 日 @catsky #75 啊 这 我加了 |
Select Language