首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
宝塔
V2EX  ›  程序员

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

  •  1
     
  •   catsky · 53 天前 · 8238 次点击
    这是一个创建于 53 天前的主题,其中的信息可能已经有所发展或是发生改变。

    目标:提取 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 预览效果

    Markdown

    74 回复  |  直到 2019-09-24 16:28:52 +08:00
        1
    xnode   53 天前
    ..... 老哥 手工写就行了,这个没什么复杂的
        2
    www6688w   53 天前
    所以呢,,联系方式呢 ( ̄△ ̄;)
        3
    www6688w   53 天前
    抓 css 很简单吧
        4
    catsky   53 天前
    @xnode 哥,主要我 css 技术不过关啊,😂
        5
    Sor   53 天前
    怎么联系你呢?
        6
    taoche   53 天前   ♥ 1
    如果你可以帮我一个 ruby 的忙,作为交换我可以免费帮你处理这个问题
        7
    shaojz2005   53 天前
    就是一个异形的按钮和一个类似呼吸的动态效果嘛
        8
    shaojz2005   53 天前
    这个没有 js,就是 css 实现的效果
        9
    catsky   53 天前
    联系我📮好了,多谢了
    ee5bf2b7c593561f3cf772350015d3a8
        10
    redbuck   53 天前   ♥ 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   53 天前
    右键 审查元素 查看源代码
        12
    catsky   53 天前
    不好意思,用这个 email

    emhkaHVpQGdtYWlsLmNvbQ==
        14
    Sor   53 天前   ♥ 2
    http://139.9.90.195/sample.html
        15
    livnimasileid   53 天前
    @redbuck #10 我的 200 元泡汤了
        16
    catsky   53 天前
    @redbuck 哇塞 你太厉害,短短几行
        17
    Sor   53 天前
    @redbuck 给力 赞
        18
    telami   53 天前
    各路神仙
        19
    catsky   53 天前   ♥ 1
    @redbuck 把你的微信私信给我吧,转钱给你。 你是第一个给出方案的,而且简洁好用,👍

    如果是稍微做下 responsive 就更好了
        20
    VancleefL   53 天前
    我为什么没早点看到这条帖子
        21
    LZYBB   53 天前
    @redbuck
        22
    sugars   53 天前
    唉,来晚了,不然 200 到手
        23
    justrand   53 天前   ♥ 2
    @Sor 建议不要把 ip 暴露哦,把你的放在这里就行了
    效果: https://output.jsbin.com/roqicarike
    代码: https://jsbin.com/roqicarike/edit?html,css,js,output
        24
    redbuck   53 天前   ♥ 3
    @catsky
    哈哈,不用了,反正也是闲着
        25
    Motoi   53 天前   ♥ 1
    来晚了
        26
    supersonic13   53 天前
    钱真好赚。。。
        27
    Sor   53 天前
    @justrand 嘿嘿 感谢! 闲置小鸡马上到期了
        28
    redbuck   53 天前
    @livnimasileid 哈哈

    @catsky 其实基本是原网站的
        29
    momocraft   53 天前
    找人给钱是好文明
        30
    hyy1995   53 天前
    哇,这钱太容易赚了吧。。真的很简单的。。。
        31
    hitoriga   53 天前
    @redbuck 哇 大佬 nb !
        32
    xutao881   53 天前
    专业前端,ODI0MzMyMzYy


    以后有这种活直接打钱,哈哈哈哈
        33
    violetlai   53 天前
    f12 直接就看到啊
        34
    123s   53 天前
    送钱啊
        35
    wolfan   53 天前
    lz 好心人吖,这样子发红 @包,下次一定要喊上俺吖
        36
    aapon   53 天前
    真是送钱啊
        37
    v2elephant   53 天前
    老哥,谈钱就有点看不起我们了
        38
    catsky   53 天前
    @redbuck 多谢啊,只能多送你几个铜板了
        39
    v3xe   53 天前 via iPhone
    喜欢你这样有价值的问题,希望多来两个给我。
        40
    grewer   53 天前
    这么简单还能得 200..
        41
    wuweijia   53 天前
    在 v 站这个级别的技术问题 谈钱看不起人啊
        42
    zxcslove   53 天前   ♥ 3
    《子贡赎人》
        43
    ugu   53 天前
    f12,自己看
        44
    melvin   53 天前
    2 行代码搞定的事情,这居然还花钱买,原谅我笑 cry ~
        45
    gbin   53 天前 via Android   ♥ 13
    不花钱会被骂伸手党,花钱少会被骂看不起程序员的时间,花钱“多”了还要被骂看不起人?

    V 站要求真高
        46
    catsky   53 天前   ♥ 1
    报酬参考的是澳洲初中级程序员时薪,我本来预估这个至少也得半小时-1 小时的工作量,现在发现技术水平限制了我的想象 😆
        47
    LlvlDd   53 天前
    @catsky #46 CSS 已然成为一门玄学
        48
    cjc2017   53 天前
    @catsky 老哥以后这种脏活累活请直接 @我
        49
    scukmh   53 天前 via iPhone
    以后有这种好活直接打钱就完事了🥺
        50
    gIrl1990   53 天前
    脏活累活我拿手滴,让我来。
        51
    qiukun   53 天前
    @catsky #46 初中级
        52
    hzhengy   53 天前 via Android
    来晚了
        53
    strugglexiang   53 天前
    @justrand 老哥有点强啊,我怎么写不出来
        54
    MIMEIK   53 天前
    我还以为 CSS 有啥骚操作?真就白给啊
        55
    jason19659   52 天前
    下次带我一个
        56
    KasuganoSoras   52 天前   ♥ 3
    给你完美还原了一下,纯手工写的,搞了一个多小时,前端比较渣没办法。。

    Demo: https://cdn.zerodream.net/code/test.html
    源码: https://github.com/kasuganosoras/SomeCodes/blob/master/v2ex_603187.html

    效果图:
        57
    KasuganoSoras   52 天前   ♥ 1
    因为有点困了所以就没做移动端适配。。凑合着用吧,如果有需要其他的私信我 QQ 204034
        58
    catsky   52 天前
    @KasuganoSoras 👍,多谢,你的网站我在澳洲打不开 :)
        59
    KasuganoSoras   52 天前
    @catsky #58 那就直接看 github 上的源码吧,我有两台国内的服务器没 peer 国外,所以打不开,你直接 clone 到本地打开 html 就可以看到了。
        60
    Junn   52 天前 via iPhone
    突然觉东西这东西好值钱
        61
    BarZu   52 天前 via Android
    快点加楼主微信,说不定以后还有好多这类需求
        62
    catsky   52 天前
    是的,类似的前端任务以后还会有,有兴趣的可以合作
        63
    catsky   52 天前
        64
    LyleRockkk   52 天前
    @KasuganoSoras 这位老哥可真用心,点个赞
        65
    zhiguang   52 天前
    @zxcslove 子路受牛
        66
    geying   52 天前
    评论什么风气

    看了一下按钮是 div 旋转了 5 度,一个上下移动的动画
    @-webkit-keyframes angle_highlight_PCH3CK { 0% { background:#00aeef; top:-35px; } 50% { background:#018cc0; top:-40px; } 100% { background:#00aeef; top:-35px; }}
        67
    zxcslove   52 天前
    @zhiguang 怪李眼儿红咯...........doge
        68
    justin2018   52 天前
    楼主 以后还有类似需求么 😁 求加个好友~
        70
    justin2018   52 天前
    @KasuganoSoras 借用了一下你的背景图哈~
        71
    KasuganoSoras   52 天前
    正好我网站能用上,就改了下应用上去了,效果还不错
        72
    catsky   52 天前
    @justin2018 多谢,我微信号 Y2F0c2t5
        73
    ayase252   52 天前
    来晚了,F12 一看 rotate(5deg)感觉自己还是想象力不够啊
        74
    iMusic   52 天前
    来,200 平分了啊
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2070 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 30ms · UTC 15:37 · PVG 23:37 · LAX 07:37 · JFK 10:37
    ♥ Do have faith in what you're doing.