手机端很多地方都会使用元素允许拖拽到指定位置或者随意位置,例如:悬浮球效果,那么怎么实现呢?		html部分:<div  id="ball"&g...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-14 16:38:58
                            
                                413阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            使用css如何实现悬浮效果呢?先看几个例子:(1)回到顶部(2)百度搜索输入框它们都有什么特点呢?特点:始终在可视范围内,并且要么与顶部,要么与底部的距离保持不变.这就是浮动框,如何实现呢?例子(1)的实现:例子(2)的实现:我们发现,它们都有一个共同点:css样式中都包含:position: fixed; 我写的一个例子css文件:div.suspend {
 &n            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2014-11-01 15:31:21
                            
                                10000+阅读
                            
                                                        
                                点赞
                            
                                                                             
                 
                
                             
         
            
            
            
            要实现的效果图:实现的代码:-webkit-box-shadow:0px 3px 3px #c8c8c8 ;-moz-box-shadow:0px 3px 3px #c8c8c8 ;box-shadow:0px 3px 3px #c8c8c8 ;整个页面的代码:<!DOCTYPE html ><html><head>		<meta h...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-04-24 09:20:49
                            
                                558阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            要实现的效果图:实现的代码:-webkit-box-shadow:0px 3px 3px #c8c8c8 ;-moz-box-shadow:0px 3px 3px #c8c8c8 ;box-shadow:0px 3px 3px #c8c8c8 ;整个页面的代码:<!DOCTYPE html ><html><head>		<meta h...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-28 11:40:49
                            
                                827阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            移动端浏览器主要对webkit内核兼容,现在的移动端主要针对手机端开发,移动端碎片化比较严重,分辨率和屏幕尺寸不一调试方法谷歌浏览器模拟手机调试搭建本地web服务器,手机和服务器在同一个局域网内,通过手机访问服务器使用外网服务器,直接IP或域名访问视口视口就是浏览器显示页面内容的屏幕区域。视口可以分布为布局视口、视觉视口和理想视口布局视口layout viewport一般移动设备的浏览器都默认设            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-25 17:15:43
                            
                                183阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # 在手机端获取 CSS display 属性的 JavaScript 实现
随着前端技术的不断发展,越来越多的开发者需要在手机端实现不同的功能。获取一个元素的 CSS display 属性是一项常见的操作。本文将为刚入行的小白开发者提供一步步的指导,帮助他们理解如何在手机端使用 JavaScript 获取元素的 display 属性。
## 整体流程
在开始编写代码之前,我们先了解一下整个            
                
         
            
            
            
            一、viewpoint缩放方案原理:在写CSS时完全按照设计稿来(如750px设计稿),页面开发好后在head标签内加上:<meta name="viewport" content="width={设计稿宽度}, initial-scale={屏幕逻辑像素宽度/设计稿宽度}" >代码:<script>
    const width = 750
    const adap            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-30 03:43:02
                            
                                233阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            对于华为手机你知道多少?你知道它隐藏着很多好用又很实用的技巧吗?如今很多人都会买华为手机,但是买了一段时间后,还是不知道它究竟是怎么用的,今天呢,小编就给大家带来了华为手机5个深深隐藏的功能,不知道的朋友,快点get起来吧!       1、智能识物功能智能识物功能你听说过吗?智能识物功能开启后,遇到不认识的东西物件,只要圈出来,就能快速识别出它是什么东西,非常的方便!这下子再也不怕遇到不认识的东            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-07 15:43:03
                            
                                198阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1、悬浮窗不能在当前app中展示 使用activity中的moveTaskToBack(true),获得的悬浮窗效果。要修改AndroidManifest.xml中 对应的VideoChatViewActivity的模式一定不要用singleTop,修改成singleInstance 如果用singleTop,会认为当前activity就是root,不能获得想要的结果。 一定要修改成这样2、悬浮窗            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-26 12:07:49
                            
                                184阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、游戏内显示悬浮球手游SDK的悬浮球和一般的悬浮窗有点不一样,它只需要在游戏内显示即可,不需要也不能在桌面中显示出来。 所以如果使用WindowManager创建悬浮窗,需要监听App是否在前台,如果在,则显示。如果不在则隐藏悬浮窗。 而App不在前台了,可能有三种情况:1、正常退出。2、home键回到主界面了。3、点击任务键切换到别的程序。 正常退出的情况,那只要正常销毁悬浮窗就好。 home            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-12 14:06:24
                            
                                361阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            便签软件是很多人在办公的时候经常会用到的一种辅助工具,不同品牌的便签软件有不同的特点和功能。对于不少人来说,在工作的时候,是需要频繁查看便签内容的,但是频繁打开是很麻烦的,能悬浮在屏幕上的便签软件是哪款?屏幕悬浮功能,是一项看起来不怎么起眼,但是在实际运用中体验非常棒的一种功能。就拿敬业签这款便签软件来说吧,它就具备屏幕悬浮功能,我们在需要频繁查看便签中所记录的内容时,可以让敬业签稳稳地悬浮在屏幕            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-01 21:31:33
                            
                                58阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            .bootom_right {    position: fixed;    display: flex;    flex-direction: column;    right: 16px;                
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-03-16 08:10:19
                            
                                616阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            代码实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-
                    
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-06-17 06:18:08
                            
                                596阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            <!DOCTYPE html><html lang="en"><head>  <meta charset="utf-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <meta name="referrer" content="origin">       <link type=...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-10 10:33:13
                            
                                306阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            引入CSS样式有四种方法:  1. 行内样式(内联样式)  2. 内部样式表(嵌入样式)  3. 外部样式(LInk 链入)  4. 导入式一、行内样式(内联式)  <p style="color:red;">CSS 使用方法</p>  二、内部样式表(嵌入样式)  将 CSS 内容放在 style 标签中,同时 style 标签放在 head 标签中。  <head            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-12 20:23:38
                            
                                96阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
             文章目录简介代码部分运行效果 简介在网页上运行js(借助油猴插件),很多时候希望能够添加几个按钮来手动控制脚本的开启与关闭,或者是控制具体要执行哪些函数。以前我是直接从网页上用选择器挑选几个特别的元素,然后绑定点击事件,来达到目的的。但这种方法有很多弊端,比如:父网页有的元素在子网页中没有,或者是子网页有的元素在其他子网页中没有,造成通用性差;当前网页位于相邻位置的不是同一类元素,这样就需要分别            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-10 14:28:49
                            
                                44阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
                 小程序 stickyFloating elements that sticks to your screen as you scroll tend to have a higher click through and conversion rate than static objects. This is why many websites make use of floating el            
                
         
            
            
            
            华为手机有哪些过人之处? 
  先别着急回答 
   
  本期小编将介绍五个很多人都不知道的 
  华为手机隐藏超能力      想成为玩机高手? 
  其实很简单 
   
   
   
  01备忘录,还可以这么玩   备忘录是大家平时工作生活中都常会用到的应用,看起来很普通,其实暗藏了不少玄机。不信?来听听下面几位玩机高手怎么说: 
  我经常把图文放在备忘录里,不仅可以自            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-26 14:03:35
                            
                                81阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
                              要实现的效果图:图片.png实现的代码:-webkit-box-shadow:0px 3px 3px #c8c8c8 ;-moz-box-shadow:0px 3px 3px #c8c8c8 ;box-shadow:0px 3px 3px #c8c8c8 ;整个页面的代码:<!DOCTYPE html ><...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-04-24 09:39:37
                            
                                702阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            要实现的效果图:图片.png实现的代码:-webkit-box-shadow:0px 3px 3px #c8c8c8 ;-moz-box-shadow:0px 3px 3px #c8c8c8 ;box-shadow:0px 3px 3px #c8c8c8 ;整个页面的代码:<!DOCTYPE html ><html><head>        <...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-04-24 09:40:04
                            
                                260阅读
                            
                                                                             
                 
                
                                
                    