js 控制下拉菜单刷新的方法

2024-04-01 03:22:28

思路：母版頁隱藏控件從内容頁接收值 JS根據接受的值控制菜單項的現實
母版頁：
隱藏控件：

代码如下:

<asp:Label ID="Lbl_X" runat="server" Text="text" style="display:none"></asp:Label>
<asp:Label ID="Lbl_Xn" runat="server" Text="text" style="display:none"></asp:Label>
JS:
<%-- 設置選中--%>
    <script type="text/javascript">
        var X = document.getElementById('<%=this.Lbl_X.ClientID %>').innerText;
        var Xn = document.getElementById('<%=this.Lbl_Xn.ClientID %>').innerText;
        var div = document.getElementById(X);
        if (div != null) {
            div.setAttribute("class", 'nav-top-item current');
        }
        var div2 = document.getElementById(Xn);
        if (div != null) {
            div2.setAttribute("class", 'current');
        }
    </script>

内容頁給母版頁隱藏空間賦值：
//設置母版頁Lable的值，以控制菜單項CSS

代码如下:

Label X = (Label)this.Master.FindControl("Lbl_X");
            X.Text = "A";
            Label Xn = (Label)this.Master.FindControl("Lbl_Xn");
            Xn.Text = "A1";

Listloading.js移动端上拉下拉刷新组件

listloading是一个移动端的上拉.下拉加载更多的组件.主要依赖于iscroll.js v5.1.2基础上开发的组件,基础库可以使用jquery.js或者zepto.js操作dom节点,目前我是使用了zepto.js作为基础库操作dom,以jquery插件的形式存在.如果不想以插件方式使用,则只需要把listloading直接移植你需要的库里面就ok啦.listloading主要针对移动端而生,在使用浏览器自带滚动,用户体验很不友好,与Android和ios差别甚远,所以选择iscroll
基于iscroll.js实现下拉刷新和上拉加载效果

现在已经不是纯Android独霸天下的时代了,H5嵌入Android的Hybrid混合开发是大势所趋.今天给大家带来的就是移动端中常见的"上拉刷新,下拉加载"特效,这个特效将会基于H5来实现. 先看下运行效果: 是不是有点小小的'鸡冻' ,它就是由我们今天要介绍的主人公'iscroll.js'实现的,接下来我以最最简便的方式教给大家~~ 实现步骤一.准备好iscroll.js库到官网下载即可: https://github.com/cubiq/iscroll 二.搭建页面结构 &l
JQuery插件iScroll实现下拉刷新，滚动翻页特效

JQuery插件:iScroll 页面布局: <div id="wrapper"> <div id="scroller"> <div id="pullDown"> <span class="pullDownIcon"></span><span class="pullDownLabel">下拉刷新...</span> <
.NET使用js制作百度搜索下拉提示效果(不是局部刷新)实现思路

搞了个不是局部刷新的百度搜索框下拉提示效果,在被领导批了n次后,问了n次后,弄出来了,真心感觉我这个小脑壳,太不灵光了,太懒了.记录下来,以免忘记. 大致思路:前台放一个input标签,然后当该标签内的值输入有变化的时候,调用后台代码查询符合条件的数据绑定ListBox. 具体实现思路:一个input,当输入值变化时,调用后台代码.但是怎么调用呢,这个是个问题了,在该input下放一个隐藏的服务器控件button,隐藏该控件,当input里值变化时,调用js,在js里触发该按钮的onclick
jQuery+AJAX实现无刷新下拉加载更多

随着互联网时代的发展,web前端已经和后台数据挂钩,作为web前端仅仅不是只切图写写html,css 和简单js交互. js code $(function() { var page = 1; var discount = $('#discount'); var innerHeight = window.innerHeight; var timer2 = null; $.ajax({ url: '/lightapp/marketing/verify/apply/list?page=1', t
Javascript下拉刷新的简单实现

本文实例为大家分享了Javascript下拉刷新的简单实现代码,供大家参考,具体内容如下 Html相关代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimu
js仿手机页面文件下拉刷新效果

最后弄出了一个简单的下拉刷新页面的形式,还不算太复杂要在仿真器下才能看到效果,比如chrome的里边(或者用手机浏览器查看,但测试发现有些浏览器有问题,目前手机猎豹是没问题的) 主要就是: 下拉-->提示松开刷新-->松开后-->开始刷新-->刷新成功后还原 html,css部分 style type="text/css"> #slideDown{margin-top: 0;width: 100%;} #slideDown1,#slideDown2{wi
纯javascript实现简单下拉刷新功能

代码很简单,实现的功能却很实用,直接奉上代码 CSS: 复制代码代码如下: <meta charset="utf-8" /> <title>Pull to Refresh</title> <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-sca
APP中javascript+css3实现下拉刷新效果

原生app里的数据列表都会使用下拉刷新的效果,在webapp里可以采用iscroll.swiper等插件或框架实现,那么如何自己编码实现类似的效果呢,下面介绍使用原生js+css3实现的简单效果. html布局 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-
iscroll.js的上拉下拉刷新时无法回弹的解决方法

使用过iscroll.js的上拉下拉刷新效果的朋友应该都碰到过这个问题:在iOS的浏览器中,上拉或下拉刷新时,当手指划出屏幕后,页面无法弹回.很多人因为解决不了这个问题,干脆就那样不解决了,还有的直接就不用HTML了,使用原生代替HTML页面. 相信很多朋友也有自己的解决办法,只是没写出来,所以网上都搜不到解决方案.在很多QQ群里面也有很多人在问该怎么解决这个问题,所以我写这篇文章记录一下我的解决方案,希望对一些朋友有所帮助. 上拉下拉刷新的主要代码: myScroll = new iScrol

js 控制下拉菜单刷新的方法

相关推荐

随机推荐