精华内容
下载资源
问答
  • 手机页面的中,头像显示的div,第一行的最后一个为点击显示更多的按钮(more),因为手机宽度的大小不一致,所以每行显示的头像个数也不一致,more按钮的位置总是固定在最后一排,所以需要通过计算屏幕宽度的大小...

    在手机页面的中,头像显示的div,第一行的最后一个为点击显示更多的按钮(more),因为手机宽度的大小不一致,所以每行显示的头像个数也不一致,more按钮的位置总是固定在最后一排,所以需要通过计算屏幕宽度的大小,然后根据每个li的大小算出一行中最多能放几个,然后在将more通过js插入,如下图

    iPhone5 显示如下:

    iPhone6 显示如下:

    一下贴代码:

    HTML

    <div class="pic">
            <ul>
                <li><img src="img/d.png" alt=""/></li>
                <li><img src="img/d.png" alt=""/></li>
                <li><img src="img/d.png" alt=""/></li>
                <li><img src="img/d.png" alt=""/></li>
                <li><img src="img/d.png" alt=""/></li>
                <li><img src="img/d.png" alt=""/></li>
                <li><img src="img/d.png" alt=""/></li>
                <li><img src="img/d.png" alt=""/></li>
                <li><img src="img/d.png" alt=""/></li>
                <li><img src="img/d.png" alt=""/></li>
                <li><img src="img/d.png" alt=""/></li>
                <li><img src="img/d.png" alt=""/></li>
                <li><img src="img/d.png" alt=""/></li>
                <li class="last"></li>
            </ul>
        </div>
    

      

     CSS

           .pic{
                height: 100px;
                overflow: hidden;
            }
            .pic ul{
                padding: 0 20px;
            }
            .pic ul li{
                width: 60px;
                height: 60px;
                margin: 20px 10px 20px 15px;
                float: left;
                border-radius: 50%;
                text-align: center;
                line-height: 55px;
            }
            .pic ul li img {
                padding: 0;
            }
            .pic li.more{
                margin-right: 0px;
                background: url(img/more.png) no-repeat center center;
            }
            .pic li.last{
                background: url(img/more.png) no-repeat center center;
            }
    

    js代码

    function loadPage(){
                var clientW = $(window).width();
                /*===================*/
    
                /*===================*/
               /*===================*/
    
                $(".last").hide();//设置最后一个点击为收起头像框
                //设置.more的位置, 根据不同的宽度设置起位置
                /*===================*/
                /*===================*/
                var lis =$(".pic").find("li").length;
                //如果所有的li
                var index = parseInt((clientW-70)/80);//一行能装多少个,  在此基础上-1 表示一行中的左后一位置
    
               // alert($(".pic ul"));
                if(index < lis){
                    $(".pic").find("li").eq(index-1).before("<li class='more'></li>");//关键,精髓所在
    
                }
    
    
            }
    $(".more").click(function(){//点击显示
                $(".last").show();
                $(".pic").css("overflow", "visible");
                $(".pic ul").css("padding-right", "0");
                $(this).hide();
            });
            $(".last").click(function(){//点击隐藏
                $(".pic").css("overflow", "hidden");
                $(".more").show();
                $(".pic ul").css("padding-right", "20px");
                $(this).hide();
            });
    

     

    这个功能效果图如下

    点击前

    点击后

     在点击就还是隐藏

    转载于:https://www.cnblogs.com/jiang-z/p/7529368.html

    展开全文
  • 远控开发记录04_显示手机位置

    千次阅读 2016-08-29 16:38:22
    既然前面已经将手机的位置...可以看到右方的有一个地图点击“我的手机位置”之后用来显示手机位置。那么同样使用到高德地图api。 配置过程可以参考高德地图的官方文档 http://lbs.amap.com/api/javascript-api/summa

    既然前面已经将手机的位置信息写入了数据库。那么我们需要在web端进行显示。先看效果。

    这里写图片描述

    这是笔者开发的远控系统的主页。用户登录之后可见,因为比较匆忙。比没有对界面ui做过多的要求。可以看到右方的有一个地图点击“我的手机位置”之后用来显示手机的位置。那么同样使用到高德地图api。
    配置过程可以参考高德地图的官方文档 http://lbs.amap.com/api/javascript-api/summary/

    笔者使用thinkphp开发前端。即在前面提到的mvc框架中的view视图中新建一个html。下面是一段JavaScript的代码。用来显示地图。、

    首先是定义一个放置地图的区域。id是container。

    </div>
        <div style="width:45%; height:500px;margin-left: 50%;margin-top: 3.5%;" id="container">
        </div>

    接下来对这片区域进行渲染。这只是对地图的初始化

        var map = new AMap.Map('container', {
            resizeEnable: true,
            center: [116.39, 39.9],
            zoom: 17
        });
        var marker = new AMap.Marker({
            position: map.getCenter()
        });
        marker.setMap(map);
        // 设置鼠标划过点标记显示的文字提示
        marker.setTitle('手机的位置');
    
    
        var markerContent = document.createElement("div");
        // 点标记中的图标
        var markerImg = document.createElement("img");
        markerImg.className = "markerlnglat";
        markerImg.src = "http://webapi.amap.com/theme/v1.3/markers/n/mark_b.png";
        markerContent.appendChild(markerImg);
        var markerSpan = document.createElement("span");
        markerSpan.className = 'marker';
    
        map.plugin(['AMap.ToolBar'], function () {
            toolbar = new AMap.ToolBar();
            map.addControl(toolbar);
        })

    接下来是“我的手机位置”这个按钮的点击事件响应函数

     $.post("/home/index/getxy",
                    function (data, status) {
                        if (status) {
                            data = $.parseJSON(data);
                            px = parseFloat(data.x);
                            py = parseFloat(data.y);
                            pos = data.position;
                            map.setCenter([px, py]);
                            marker.setPosition([px, py]);
                            // 点标记中的文本
                            markerSpan.innerHTML = pos;
                            markerContent.appendChild(markerSpan);
                            marker.setContent(markerContent); //更新点标记内容
                        }
                    });

    这里要提到的是$.post方法是基于jquery框架的。
    具体的配置可以参考官方的文档 :https://api.jquery.com/
    中文的网址是这个:http://www.jquery123.com/
    代码中的”/home/index/getxy”也就是我们上次提到的网址。在控制器中编写的处理函数。而function (data, status)是处理结果的监听函数。对结果进行处理。有不明白的地方均可以在其他地方找到答案。也欢迎留言笔者尽力给各位解答。

    我是搬运工,热爱我的热爱

    展开全文
  • 点击单个照片文件,显示照片的拍摄地,拍摄设备等信息。 也可以选择文件后,拖拽到本程序的左侧列表框中,进行显示。 修正了sunsun指正的坐标变换的便宜问题 原理就是取下照片的EXIF信息里面的位置信息。 把...
  • android ADB 模拟手机点击事件

    万次阅读 2016-08-29 11:40:58
    手机连接到ADB 输入命令 adb shell getevent -p 显示 从这里可以知道每一个 /dev/input/event3: 0003 0035 00000161 ...然后手机就可以接受手机屏幕上的点击事件的位置(不过是16进制) /dev/input/event3: 00

    手机连接到ADB 输入命令  

    adb shell getevent -p

    显示

    从这里可以知道每一个 /dev/input/event3: 0003 0035 00000161 event3是什么事件 便于以后进行分析简介代码

    接下来输入

    adb shell getevent

    然后手机就可以接受手机屏幕上的点击事件的位置(不过是16进制)
    /dev/input/event3: 0003 0030 00000025
    /dev/input/event3: 0003 0032 00000005
    /dev/input/event3: 0003 0035 00000160  点击事件位置
    /dev/input/event3: 0003 0036 00000226  点击事件位置
    /dev/input/event3: 0000 0002 00000000 
    /dev/input/event3: 0000 0000 00000000 
    /dev/input/event3: 0003 0030 00000025
    /dev/input/event3: 0003 0032 00000005
    /dev/input/event3: 0003 0035 00000160
    /dev/input/event3: 0003 0036 00000226
    /dev/input/event3: 0000 0002 00000000
    /dev/input/event3: 0000 0000 00000000
    /dev/input/event7: 0003 0028 00000012
    /dev/input/event7: 0000 0000 00000000
    /dev/input/event3: 0000 0002 00000000
    /dev/input/event3: 0000 0000 00000000
    /dev/input/event7: 0003 0028 00000016
    /dev/input/event7: 0000 0000 00000000
    /dev/input/event7: 0003 0028 00000018
    /dev/input/event7: 0000 0000 00000000
    /dev/input/event3: 0000 0002 00000000
    /dev/input/event3: 0000 0000 00000000
    接下来可以通过16进制转换器将  /dev/input/event3: 0003 0035 00000161 的数字转化为10进制  让后再在前面加上sendevent 
    例如
    sendevent /dev/input/event3 3 48 37   可以删除
    sendevent /dev/input/event3 3 50 5		保留一个
    sendevent /dev/input/event3 3 53 352  点击事件位置
    sendevent /dev/input/event3 3 54 550  点击事件位置  
    sendevent /dev/input/event3 0 2 0	事件分割
    sendevent /dev/input/event3 0 0 0  事件分割
    sendevent /dev/input/event3 3 48 37
    sendevent /dev/input/event3 3 50 5
    sendevent /dev/input/event3 3 53 352
    sendevent /dev/input/event3 3 54 550
    sendevent /dev/input/event3 0 2 0
    sendevent /dev/input/event3 0 0 0
    sendevent /dev/input/event7 3 40 18
    sendevent /dev/input/event7 0 0 0
    sendevent /dev/input/event3 0 2 0
    sendevent /dev/input/event3 0 0 0
    sendevent /dev/input/event7 3 40 22
    sendevent /dev/input/event7 0 0 0
    sendevent /dev/input/event7 3 40 24
    sendevent /dev/input/event7 0 0 0
    sendevent /dev/input/event3 0 2 0
    sendevent /dev/input/event3 0 0 0


    这些就是一个完整的点击事件的过程
    这个 时候可以对比之前所查看的 adb shell getevent -p 命令显示的event事件  
     事件
      /dev/input/event3
      name:     "atmel-touchscreen"  

    /dev/input/event1
      name:     "huawei_keypad"

     /dev/input/event7
      name:     "light sensor"




     /dev/input/event4
      name:     "l3g4200d_gyr"
    可以知道event7是一个光线传感器   和点击事件无关所以可以删除   接下来可以简洁我们的点击事件 流程
    
    
    
    

    简洁版
    sendevent /dev/input/event3 3 50 5
    sendevent /dev/input/event3 3 53 352  
    sendevent /dev/input/event3 3 54 550 
    sendevent /dev/input/event3 0 2 0	 
    sendevent /dev/input/event3 0 0 0 
    sendevent /dev/input/event3 0 2 0	
    sendevent /dev/input/event3 0 0 0
    sendevent /dev/input/event3 0 2 0

    接下来是一个长按事件

    长点击事件
    sendevent /dev/input/event3 3 50 5
    sendevent /dev/input/event3 3 53 80
    sendevent /dev/input/event3 3 54 429
    sendevent /dev/input/event3 0 2 0	 
    sendevent /dev/input/event3 0 0 0 
    sendevent /dev/input/event3 0 2 0

    试了很多次发现了以上的规律 虽然不知道为什么

    点击流程
    sendevent /dev/input/event3 3 50 5
    sendevent /dev/input/event3 3 53 352  
    sendevent /dev/input/event3 3 54 550 
    sendevent /dev/input/event3 0 2 0	 点击还未进入长点击状态
    sendevent /dev/input/event3 0 0 0 
    sendevent /dev/input/event3 0 2 0	 点击后进入长点击状态
    sendevent /dev/input/event3 0 0 0
    sendevent /dev/input/event3 0 2 0	点击使事件结束 长点击状态消失

    然后就可以得到我们需要点击的地方的一个事件

    进入到  adb shell 

    输入我们整理过的简洁版的代码

    就可以看到手机相应位置发生了点击事件





    展开全文
  • 手机lightroom预设位置

    2021-01-17 00:09:51
    这里我会以Mac电脑为例,我们点击顶部菜单栏上的“Lightroom”选项,然后点击“首选项”,快捷方式可以在后面看到。 在首选项窗口中,我们选择“显示Lightroom预设文件夹”,这个是比较快而且容易的方法。另一个...

    开始Go

    ​01 如何将预设导入Lr

    我相信很多人都回去网上找一些用于Lr/PS的预设,但是对于如何导入Lr中使用还不是很清楚,这里我就先来说一说,如果这一步你已经会了,那么可以往后看。

    首先,打开你已经安装在电脑上的Lightroom

    这里我会以Mac电脑为例,我们点击顶部菜单栏上的“Lightroom”选项,然后点击“首选项”,快捷方式可以在后面看到。

    在首选项窗口中,我们选择“显示Lightroom预设文件夹”,这个是比较快而且容易的方法。另一个方法就是通过文件夹路径进行查找,那个稍显繁琐在这里就不做说明了。

    这时会发开一个新的窗口,我们只需要找到“Lightroom”这个文件夹,然后双击打开它

    打开之后,看到有个叫“Develop Presets“的文件夹没有,双击打开之后,把你下载好的预设复制粘贴到里面,然后重启你的Lightroom即可

    02 预设导入手机

    接下来就来教大家如何将你电脑上常用的预设导入到你的手机中,这里我会以iPhone为例。

    首先,我们将手机通过数据线连接到你的电脑,并打开已经下载好的PP助手。

    连接成功之后,我们选择“应用游戏”

    进入之后我们选择左边栏你iPhone的“应用列表”并找到Lightroom这个App,双击选择“放大镜”选项

    进入之后有两个文件夹,双击选择“00000000000000000”文件夹

    在四个文件夹中双击选择“settings-acr“选项

    双击选择“userStyles“,这里一定要选对。

    接下来我们回到Lightroom,这里需要注意的是,在选择预设的时候并不是把前面说到文件夹中的预设放入手机即可,这里需要的是文件后缀名为xmp的文件。所以这个时候我们需要回到Lightroom,找到其中你想要的一个预设并右键选择“在Finder”中显示。

    这个时候你会神奇的发现你的预设已经自动就是以xmp为后缀的文件了。

    最后一步就是回到PP助手,在刚才的文件路径位置选择“导入”/或者把预设拖动到这个窗口上等待完成即可。

    这时我们回到手机上,打开“Lightroom CC”,选择一张照片之后滑动工具栏,找到“预设”。

    点进去就能看到你导入的预设了,可以尽情的开始玩耍了

    怎么样?今天这个小技能你Get到了没有?如果觉得不错的话,别忘了动动手指分享一下哟。

    在这里要特别的感谢这位@橙繁繁 小伙伴提供的思路。在我看完这个内容之后觉得过于的简单,对于很多人来说会有操作失误的情况(自己第一遍操作的时候都错了),所以及时联系了作者并在征得对方同意的情况下,由我来把这个小技巧出一个详细的教学来帮助大家。

    展开全文
  • 在用jxl导出ListView数据时,由于手机中没有安装Excel,每次查看表需要在电脑端查看,这里就有个系统Bug,点击保存生成的表格,在手机上文件管理中可以查看得到,电脑端不显示,但是移动一下文件位置,就可以显示了...
  • 今天做项目的时候发现动用position: fixed做弹窗时,用margin-top:50%这样外边距来响应式的控制位置时,在微信里打开页面的弹窗,弹窗在手机显示位置和实际上在手机上的位置不一样,让人点击上面时并没有反应,...
  • Android手机的相册里面图片可以按照地点分组并且以拍摄地点【如:上海市,闵行区,莲花路】分组显示,现在想点击地理位置从而调用google地图并且将图片显示在地图上;
  • Android手机"点击或滑动屏幕的某块区域,没有反应"案例分析总结 1,案例 在桌面短信应用图标附近点击,没有反应。 然后,打开其他应用,点击同样的位置也没有反应 2,调试技巧 在开发者选项中, 分别打开”显示点按...
  • 1. 用手机打开高德地图APP软件,看到那个地图上有个圆圈中间有个蓝色显示自己所处的位置点击蓝色的图标手机底部会有个“我的位置”后面有蓝色“详情”再点击它;2. 进入我的位置,里面有自己所在位置的详细地点,...
  • 本教程共分为四节实现小米手机不乱下载东西和推送:分别为 删除软件,控制软件的联网,控制软件显示通知和控制软件下载权限 一:卸载软件 --&amp;gt;按住这个软件,然后往最上面那个垃圾桶位置,则该软件删除 ...
  • ----RefreshLayout,继承自LinearLayout,原理是往该控件中添加头部刷新的View和内容的View,让刷新的头部View通过调用scrollTo(0,headViewHeight)方法滚动相应的位置使得头部View隐藏,只显示出内容View。...
  • 但是这个效果只在PC上调试生效,在手机浏览器上,能看到地址栏里有#tag,但是页面没有跳转到指定的位置。 尝试了其他的跳转方式,比如: document.getElementById('tag').scrollIntoView()都是不能跳转到指定的锚点...
  • 今天遇到一个问题,手机端给父...子元素需要点击父元素需要 长按 高亮显示父元素高亮时有自己的点击事件 并且 不触发子元素的点击事件点击其他位置,取消高亮显示 页面展示 代码如下 content="wid
  • 在实现AlertDialog弹窗提示用户某些操作时,按钮的文字始终看不见,但是点击那个位置能够正确的触发点击事件,这个坑害我花了不少时间,问过不少人都遇到过同样的问题,所以特此做下记录,方便自己大家能够快速的跳...
  • 点击【查找我的手机】3、点击进去后可以看到丢失手机的位置,可以放大位置查看下是否为最后丢失手机的位置,当定位显示手机在附近时,可以点击播放铃声,帮助我们快速找到手机PS:当定位显示较远时,不要...
  • chrome浏览器调试手机端h5页面

    万次阅读 2017-12-27 22:41:31
    只知道用F12来调试PC端的页面,这次经过同事指点,终于知道为啥人家在浏览器调试手机端页面,显示的大小都是手机端的。 步骤:1、打开F122、如果所示点击咱们平时寻找网页的DOM节点,都是用的第一个。 第二个就是...
  • 1. 用手机打开高德地图APP软件,看到那个地图上有个圆圈中间有个蓝色显示自己所处的位置点击蓝色的图标手机底部会有个“我的位置”后面有蓝色“详情”再点击它;2. 进入我的位置,里面有自己所在位置的详细地点,...
  • 如果想手动设置天气的话,可以在手机解锁后待机时钟界面,点击时钟的数字,(不要点击显示天气状态图标,不然出现的是默认地区未来三天的天气情况),将"使用我的位置"取消,点击"设置位置",在显示的搜索栏输入所在...
  • 仿照点击菜单项右边商品栏滚动到对应位置的方法: (1)在li的class添加menu-list-hook,该class没有具体的样式,用于在JS中获取对象。 (2)在计算高亮菜单项处添加scrollToElement,使左边菜单栏随之滚动到对应的...
  • 位置管理问题

    2020-12-09 16:15:09
    - 手机系统:[Android 8.1/iOS 11.0] - SDK分支: [master.] - 相关模块:[] <p><strong>现象(必填) ios:连接路由器为空。房间显示(null)|(null),点击进入...
  • 如果想手动设置天气的话,可以在手机解锁后待机时钟界面,点击时钟的数字,(不要点击显示天气状态图标,不然出现的是默认地区未来三天的天气情况),将"使用我的位置"取消,点击"设置位置",在显示的搜索栏输入所在...
  • 功能:点击外部可选项将文字带入,并且光标在上一次位置后(类似于手机键盘点击) 两种场景:  1. 焦点没有进入文本框或者在文本框中最后,点击外部之后直接将内容加到后面然后跟上光标;  注:光标位置可能和...
  • 一、测试描述: 前提:设置Device theme为Light,手机内上传有浅色图片 操作步骤: 1、长按手机屏幕 2、点击Wallpapers 3、选择已有的浅色图片设置为Home screen ...检测方法, 手动点击虚拟按键位置,譬如:长按r...
  • 手机投屏win10电脑

    2019-10-08 16:08:52
    打开“投影到此电脑”对话框,在“当你同意时,部分windows和andord设备可以投影到此电脑“一栏下拉菜单中,选择”所有位置都可用“,这时,最下面会显示当前电脑的名称,这个名称,就是手机连接电脑的时候选择的...
  • 手机如何投屏到电脑

    2020-04-08 13:16:58
    效果图 刷抖音 看视频 打游戏 操作步骤 注意: 我是用oppo手机做的示范,其他手机具体过程可能不太一样,不过都大同小异。...2.点击投影到此电脑,把第一项改为所有位置都可用 3.打开手机设置,...
  • 说是可以全球定位你朋友的位置(只要输入手机号) 我注册了一下,结果,需要推广30人。于是我又费了很长时间,推广了30人。 再次登陆 ipl38, 结果显示: [url]http://gps.ipl38.com/user/ok.php [/url] (跳转到...
  • webView加载H5界面,显示高度不正确

    千次阅读 2019-05-05 17:14:45
    项目中需要加载webView界面,是一个很长的列表,然后点击webView中的某个地方,会加载新的H5界面,但是在手机显示位置不正确,如果滑动到底部,点击加载到新H5界面,新的界面位置显示是一片空白,你需要往上滑动...
  • 手机兼容bug汇总

    2019-07-20 09:47:51
    问题:ios6s手机,初始化是动态的控制按钮显示,按钮的样式显示不出来,但是点击按钮位置还会触发相对应的事件 html <div class="btn-group"> <button class="btn1 none">按钮一</button> ...
  • 2、在connections,里面把这个位置改为8888,点击确定 3、再点击Inspectors,找到右上角的Online,点击找到这个IP地址 4、然后设置手机代理,长按无线网络名称,再点击修改网络 5、勾上显示高级选项,输入...

空空如也

空空如也

1 2 3 4 5 ... 18
收藏数 349
精华内容 139
关键字:

显示手机点击位置