单击特定网站

时间:2017-05-01 06:10:57

标签: javascript jquery html css

有没有办法显示数据,即当用户开始访问我们的网站时,在更改同一网站的两个或三个链接后,应该从底部显示数据。当用户更改时,有什么方法可以显示div我的网站的两个或三个链接。下面是我的代码



 $(document).scroll(function(e) {
        e.preventDefault();
        var y = $(this).scrollTop();
        if (y > 800) {
            $('.fadein-data').fadeIn();
        } else {
            $('#close-data').click(function() {
                $('.fadein-data').fadeOut();
                $(document).unbind('scroll');

            })

        }
    });

.fadein-data {
    display: none;
    position: fixed;
    width: 350px;
    left: 20px;
    bottom: 0;
    border: 1px solid #e5e5e5;
    border-bottom: 0;
    padding: 30px;
    background-color: #ffffff;
    z-index: 1050;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    box-shadow: 0 0.085em 0.5em 0 rgba(0, 0, 0, 0.165);
}
#close-data {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    top: 5px;
    position: absolute;
    right: 9px;
    cursor: pointer;
}

<div class="fadein-data">
                <a type="button " id="close-data "><span aria-hidden="true ">×</span></a>
                <h4 class="mt-0 mb-10 ">Heading</h4>
                <p><b>The all in one software and some content</b></h4>

                    <img src="images/brochure.png ">
                    <br>
                    <a type="button " href="Brochure.pdf " class="btn btn-success">Download Brouchure</a>
            </div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

因此,您希望在用户浏览了几个链接后开始显示您的数据?这是一个解决方案。 您可以将回调绑定到

    curtain.setOnCheckedChangeListener(new  CompoundButton.OnCheckedChangeListener() {
        @Override
        public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
            if (isChecked) {

                StringRequest stringRequest = new StringRequest(Request.Method.POST, URL, new Response.Listener<String>() {
                    @Override
                    public void onResponse(String response) {

                        if (response.equals("open")) {
                            Toast.makeText(getApplicationContext(), "Curtain is opening..", Toast.LENGTH_LONG).show();
                            final long period = 5000;
                            new Timer().schedule(new TimerTask() {
                                @Override
                                public void run() {
                                    curtain.setEnabled(false);
                                }
                            }, System.currentTimeMillis(), period);
                              curtain.setEnabled(true);
                        } else {
                            Toast.makeText(getApplicationContext(), "Failed to open", Toast.LENGTH_SHORT).show();
                        }

                    }

                }, new Response.ErrorListener() {
                    @Override
                    public void onErrorResponse(VolleyError error) {
                        Toast.makeText(getApplicationContext(), "Connection failed. Please check your internet connection.", Toast.LENGTH_SHORT).show();
                        error.printStackTrace();

                    }
                }) {
                    @Override
                    protected Map<String, String> getParams() throws AuthFailureError {
                        Map<String, String> getData = new HashMap<>();
                        getData.put("device", "curtain");
                        getData.put("action", "open");
                        return getData;
                    }
                };

                IotSingleton.getInstance(MainActivity.this).addToRequestQue(stringRequest);
            }

事件或     `$(window).on('hashchange', function(e){ // do something... });` 事件

在回调中将当前url推送到全局定义的数组中,然后检查数组长度。如果根据您的需要大于2或3,则触发回调以显示您的数据。这是一个很好的例子!

(document).location().change

您可以根据您的网址的方式替换哈希和位置部分。 以下是支持$(document).ready(function() { var navigatedUrls = []; $(window).bind( 'hashchange', function(e) { var anchor = document.location.hash; navigatedUrls.push(anchor); if(navigateUrls.length >2) { //call the method that displays data } }); }); 事件的浏览器列表。 http://caniuse.com/#feat=hashchange