¥200 求高手。 求提取一个 html 元素的 CSS (JS),自己搞不定

2019-09-23 08:53:04 +08:00
 catsky

目标:提取 https://alexperryhotelandapartments.com.au 左下角的 “PRICE CHECK NOW" 那个”按钮“html,css ( js ),放在自己的一个 html 页面,达到一样的外观和动画效果。不需要提取点击后出现页面的内容。如果动画效果是用 css 实现的,js 不提取也没关系。

要点

  1. 提取后,要有清晰,整洁的 html, css (js)结构,方便我以后进行定制
  2. 提取后所有 css ( js)不能引用第三方网站
  3. 提取后,比如放在这个 html 文件里 sample.html, 我可以通过 python -m SimpleHTTPServer 预览效果

10755 次点击
所在节点    程序员
76 条回复
xnode
2019-09-23 09:00:03 +08:00
..... 老哥 手工写就行了,这个没什么复杂的
www6688w
2019-09-23 09:00:38 +08:00
所以呢,,联系方式呢 ( ̄△ ̄;)
www6688w
2019-09-23 09:00:57 +08:00
抓 css 很简单吧
catsky
2019-09-23 09:01:14 +08:00
@xnode 哥,主要我 css 技术不过关啊,😂
Sor
2019-09-23 09:01:38 +08:00
怎么联系你呢?
taoche
2019-09-23 09:03:48 +08:00
如果你可以帮我一个 ruby 的忙,作为交换我可以免费帮你处理这个问题
shaojz2005
2019-09-23 09:04:01 +08:00
就是一个异形的按钮和一个类似呼吸的动态效果嘛
shaojz2005
2019-09-23 09:04:24 +08:00
这个没有 js,就是 css 实现的效果
catsky
2019-09-23 09:04:37 +08:00
联系我📮好了,多谢了
ee5bf2b7c593561f3cf772350015d3a8
redbuck
2019-09-23 09:06:19 +08:00
.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>
yunhu
2019-09-23 09:08:11 +08:00
右键 审查元素 查看源代码
catsky
2019-09-23 09:13:20 +08:00
不好意思,用这个 email

emhkaHVpQGdtYWlsLmNvbQ==
codingBug
2019-09-23 09:13:49 +08:00
Sor
2019-09-23 09:14:26 +08:00
http://139.9.90.195/sample.html
livnimasileid
2019-09-23 09:15:53 +08:00
@redbuck #10 我的 200 元泡汤了
catsky
2019-09-23 09:15:56 +08:00
@redbuck 哇塞 你太厉害,短短几行
Sor
2019-09-23 09:17:58 +08:00
@redbuck 给力 赞
telami
2019-09-23 09:18:03 +08:00
各路神仙
catsky
2019-09-23 09:21:57 +08:00
@redbuck 把你的微信私信给我吧,转钱给你。 你是第一个给出方案的,而且简洁好用,👍

如果是稍微做下 responsive 就更好了
VancleefL
2019-09-23 09:22:11 +08:00
我为什么没早点看到这条帖子

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/603187

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX