精华内容
下载资源
问答
  • 老大要求给我一个JSON数据,用echarts,写一个option实现多个图表(折线图,饼图,关系图)展示,也就是说只要一个div(dom对象),实现多个不同形状的图表展示,(ps:前期没弄清老大意思,写了三个div来显示-,尴尬...

    前言:

    因工作需要,老大要求给我一个JSON数据,用echarts,写一个option实现多个图表(折线图,饼图,关系图)展示,也就是说只要一个div(dom对象),实现多个不同形状的图表展示,(ps:前期没弄清老大意思,写了三个div来显示-,尴尬--_---)。这里我用了LayUI(表格)+eCharts来,通过引入自定义的js,实现页面效果显示

    自己在网上找了下,没有找到对应的文章,直接来说怎么实现,所以特意写了此文章,共同学习。

    总结技巧:

    1.先用最少的代码显示出一个图(eg:饼图只要一个series就可以显示出来)

          2.【关键点】自己能控制每个图在自己指定的地方的显示(eg:饼图通过配置center来确定中心位置,radius确定饼图的大小,控制饼图显示在:右上角,中间,左下角)。

    
     
    1. option = {//简单的 折线图+饼图 展示

    2. grid: [

    3. {x: '7%', y: '7%', width: '38%', height: '38%'},//折线图位置控制

    4. ],

    5. xAxis: [

    6. {gridIndex: 0,type: 'category',

    7. data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri']},

    8. ],

    9. yAxis: [

    10. {gridIndex: 0 },

    11. ],

    12. series: [

    13. {

    14. type: 'line',

    15. xAxisIndex: 0,

    16. yAxisIndex: 0,

    17. data: [1,2,3,4,5],

    18. },

    19. {

    20. type: 'pie',

    21. radius : '45%',

    22. center: ['80%', '30%'],//饼图位置控制

    23. data: [1,2,3,4,5],

    24. },

    25. ]

    26. };

       3.确定了每个图位置,整体布局好了,再来添加每个图需要的功能点

       4.关系图每个节点的位置确定:通过笛卡尔积坐标系+节点的value[x,y]实现(我这用的是之字形显示节点)。

     

    eCharts链接(在线修改):http://gallery.echartsjs.com/editor.html?c=xHJUB4SZmz&v=1

    官方例子:http://www.echartsjs.com/gallery/editor.html?c=scatter-anscombe-quartet

    官例调试技巧点:通过修改删除:series (xAxisIndex), yAxis(gridIndex) ,grid(x,x2,y,y2),查看效果了解参数(可先看配置项手册)

    效果图:

     

    前台html页面代码:

    
     
    1. <!DOCTYPE>

    2. <html>

    3. <head>

    4. <meta charset="utf-8">

    5. <meta name="viewport" content="width=device-width, initial-scale=1" />

    6.  
    7. <!-- 复制演示:都修改成自己的路径 -->

    8. <!-- 引入echarts的js库 -->

    9. <script src="../../dist/echarts.js"></script>

    10.  
    11. <!-- 引入自定义的js(同文件夹下) -->

    12. <script type="text/javascript" src="oneForAll.js"></script>

    13.  
    14. <style type="text/css">body{height: 100%}

    15. /*通过百分比设置图表的div大小*/

    16. .chart{height: 70%}

    17. </style>

    18.  
    19. <!-- 引入layui库 -->

    20. <link rel="stylesheet" href="layui/css/layui.css" media="all">

    21. <script src="layui/layui.js" charset="utf-8"></script>

    22. <script src="layui/yqyTable.js" charset="utf-8"></script>

    23.  
    24. </head>

    25. <body>

    26. <!-- echarts图表数据对象 -->

    27. <div class="chart" id="yqyMain" ></div>

    28.  
    29. <script>

    30. //固定写法

    31. var chart = echarts.init(document.getElementById('yqyMain'));

    32. /*接受自定义Option.js中的函数返回的:option*/

    33. var yqyOption=oneForAll();

    34. chart.setOption(yqyOption);

    35.  
    36. </script>

    37.  
    
     

    [html] view plain copy

    1.   
    
     
    1. <!-- layui选项卡界面:如不需要整合表格=可忽略 -->

    2. <div class="layui-tab">

    3.  
    4. <ul class="layui-tab-title">

    5. <li class="layui-this">基本信息</li>

    6. <li>服务信息</li>

    7. <li>关系信息</li>

    8. </ul>

    9.  
    10. <div class="layui-tab-content">

    11.  
    12. <div class="layui-tab-item layui-show">

    13. <!-- 表格数据 -->

    14. <table id="sysVolTable"></table>

    15. <!-- 序号自增:翻页有小问题,点击下一页又从1开始计数,待改进 -->

    16. <script type="text/html" id="indexTp1">

    17. {{d.LAY_TABLE_INDEX+1}}

    18. </script>

    19. </div>

    20.  
    21. <div class="layui-tab-item ">服务纬度</div>

    22. <div class="layui-tab-item ">关系数</div>

    23.  
    24. </div>

    25. </div>

    26. <!-- 选项卡:功能性设置 -->

    27. <script>

    28. layui.use('element',function(){

    29. var element=layui.element;

    30. });

    31. </script>

    32. </body>

    33. </html>

    js代码:

    
     

    [html] view plain copy

    1. <code class="language-html">文件名:oneForAll.js</code>  
    
     
    
     
    1. //饼图数据

    2. pieData=[[{"name":"A系统","value":2},{"name":"B系统","value":4},{"name":"C系统","value":3},{"name":"D系统","value":3},{"name":"E系统","value":7},{"name":"F系统","value":3},{"name":"G系统","value":3},{"name":"H系统","value":3}],["A系统","B系统","C系统","D系统","E系统","F系统","G系统","H系统"]];

    3.  
    4. //折线图数据

    5. yqyData=[[0,1,2,3,4,5,6,7,8,9,10,11,12],[600,1150,400,850,600,650,100,1150,100,700,600,800,500]]

    6.  
    7. //---------------------------------------------关系图数据获取:start,有点多,可先忽略查看----------------------------------------------------------

    8.  
    9. //用java代码:自动生成关系图数据(因为前期,没有理解需求——_——:全是自己用java自动生成的json数据)

    10. relatData=[{"node":"系统节点1","endpoint":["系统节点3"],"service":["java.local.name_1","java.local.name_11"]},{"node":"系统节点2","endpoint":["系统节点3","系统节点1"],"service":["java.local.name_2","java.local.name_22"]},{"node":"系统节点3","endpoint":["系统节点4","系统节点2"],"service":["java.local.name_3","java.local.name_33"]},{"node":"系统节点4","endpoint":["系统节点3"],"service":["java.local.name_4","java.local.name_44"]},{"node":"系统节点5","endpoint":["系统节点2"],"service":["java.local.name_5","java.local.name_55"]},{"node":"系统节点6","endpoint":["系统节点3"],"service":["java.local.name_6","java.local.name_66"]},{"node":"系统节点7","endpoint":["系统节点2"],"service":["java.local.name_7","java.local.name_77"]},{"node":"系统节点8","endpoint":["系统节点2"],"service":["java.local.name_8","java.local.name_88"]}];

    11.  
    12. //获取节点数据

    13. function get_nodes(relatData) {//官方的方法改造了一下=自定义生成:关系图中节点位置

    14. var nodes = [];

    15. var tmp_nodes = [];

    16. var x1=1200;

    17. var y1=100;

    18.  
    19. for(var nodes_i in relatData) {

    20. //x,y数据归位

    21. x1=5;

    22. y1=5;

    23. //三个节点为一排,之字形增加

    24. x1=x1+10*(nodes_i%3);//保持0,1,2

    25. y1=y1+10*Math.floor(nodes_i/3);//向下取整

    26.  
    27. console.log("x1="+x1+" y1="+y1);

    28. console.log("x1="+(nodes_i%3)+" y1="+(Math.floor(nodes_i/3)));

    29. tmp_nodes.push(relatData[nodes_i].node);

    30. nodes.push(

    31. {

    32.  
    33. 'name':relatData[nodes_i].node,

    34. 'value':[x1,y1]//4.通过x,y来确定关系图的节点位置

    35. }

    36. );

    37. }

    38. return nodes;

    39. }

    40.  
    41. //获取节点数据关系

    42. function get_links(relatData) {

    43. var links = [];

    44. for(var nodes_i in relatData) {

    45. var node = relatData[nodes_i].node;

    46. var endpoint = relatData[nodes_i].endpoint;

    47. var service = relatData[nodes_i].service;

    48. // console.log(service);

    49. for(var service_i in endpoint) {

    50. links.push({

    51. 'source':node,

    52. 'target':endpoint[service_i],

    53. 'label': {

    54. 'normal': {

    55. 'show': false,

    56. 'textStyle':{

    57. 'fontSize':5

    58. },

    59. 'formatter': service

    60. }

    61. },

    62. 'lineStyle': {

    63. 'normal': {

    64. 'curveness': 0.1

    65. }

    66. }

    67. })

    68. }

    69. }

    70. for (var i = 0, len1 = links.length; i < len1; i++) {

    71. for(var j = i, len2 = len1 - 1; j < len2; j++) {

    72. if (links[i].source==links[j].target) {

    73. links[j].lineStyle.normal.curveness = -0.1;

    74. }

    75. }

    76. }

    77. // console.log(links);

    78. return links;

    79. }

    80. //------------------------------------------------------关系图获取数据:end-----------------------------------------------------------------

    81.  
    82. //按老大要求:多个图表数据整合成一个option

    83. //【关键点】:1.用最少的代码显示出一个图(eg:饼图只要一个series就可以显示出来)

    84. //2.确定每个图表的位置,占的区域(eg:饼图通过配置center来确定中心位置,radius确定饼图的大小)。

    85. function oneForAll(){

    86.  
    87. //我选折线图作为基础option

    88. var yqyOption = {

    89. xAxis: [

    90. {data: yqyData[0],gridIndex:0},//折线图x轴数据赋值,指定坐标信息

    91. {gridIndex:1,type:'value'}

    92. ],

    93. yAxis: [

    94. {

    95. name:'交易量',

    96. splitLine: {show: false},

    97. gridIndex:0

    98. },

    99. {gridIndex:1,type:'value'}

    100. ],

    101.  
    102. grid:[//指定坐标轴位置,大小

    103. {x:'7%',y:'7%',width:'50%',height:'31%'},

    104. {x:'60%',bottom:'1%',height:'90%',width:'35%',contianLabel:true}//关系图位置

    105. ],

    106.  
    107. series: [{

    108. type: 'line',

    109. xAxisIndex:0,//指定折线图数据显示到:grid坐标系:0

    110. yAxisIndex:0,

    111. showSymbol: false,

    112. data: yqyData[1]//折线图y轴数据赋值

    113. }]

    114. };

    115.  
    116. //======饼图数据1=====

    117. var pieSeries1={

    118. name : '面积模式',

    119. type : 'pie',

    120. radius : [ 10, 80 ],

    121. center : [ '18%', '75%' ],//位置确定:左下角

    122. data :pieData[0]//饼图数据赋值

    123. };

    124.  
    125. //======饼图数据2=====

    126. var pieSeries2={

    127. name : '面积模式',

    128. type : 'pie',

    129. radius : [ 10, 80 ],

    130. center : [ '47%', '75%' ],

    131. roseType : 'area',//zxj玫瑰饼图

    132. data :pieData[0]

    133. };

    134.  
    135. //将饼图series添加到主series中

    136. yqyOption.series.push(pieSeries1);//完成了一个简单的折线图和饼图的数据合并

    137. yqyOption.series.push(pieSeries2);

    138.  
    139. //关系图数据

    140. var relatSeries =

    141. {

    142. type: 'graph',

    143. // layout: 'circular',

    144. layout: 'force',//1.力引导图

    145. coordinateSystem:'cartesian2d',//2.笛卡尔坐标系设置

    146. xAxisIndex:1,//3.选取的第二个坐标系,为关系图数据位置,4.value值设置

    147. yAxisIndex:1,

    148. focusNodeAdjacency: true,

    149. legendHoverLink: true,

    150. hoverAnimation:true,

    151. symbolSize: 30,

    152. edgeSymbolSize: 10,

    153. roam: true,

    154. symbol: "roundRect",

    155. label: {

    156. normal: {

    157. show: true,

    158. }

    159. },

    160. edgeSymbol: ['circle', 'arrow'],

    161. edgeSymbolSize: [4, 15],

    162. edgeLabel: {

    163. normal: {

    164. textStyle: {

    165. fontSize: 20

    166. }

    167. }

    168. },

    169. data: get_nodes(relatData),//节点数据赋值

    170. links: get_links(relatData),

    171.  
    172. lineStyle: {

    173. normal: {

    174. opacity: 0.9,

    175. width: 2,

    176. curveness: 0,

    177. type :'dashed'

    178. }

    179. }

    180. };

    181.  
    182. //将关系图添加到主series中

    183. yqyOption.series.push(relatSeries);

    184.  
    185. return yqyOption;

    186. }

    LayUI表格js

    
     
    
     

    注意需要最前面添加分号  ;

    
     

    [html] view plain copy

    1. <code class="language-html">yqyTable.js</code>  
    
     
    
     
    
     
    1. ;layui.use('table', function(){

    2. var table = layui.table;

    3. table.render({

    4. elem: '#sysVolTable',

    5. page: {limit:1},//指定分页

    6. data: [{

    7. "srcIp": "192.168.0.1",

    8. "srcSys": "SRC",

    9. "destIp": "192.168.0.8",

    10. "destSys": "DEST",

    11. "startTime": "2017-12-25 9:31",

    12. "endTime": "2017-12-25 9:31",

    13. "remark":"yqy测试数据"

    14. },{

    15. "srcIp": "192.168.0.1",

    16. "srcSys": "SRC",

    17. "destIp": "192.168.0.7",

    18. "destSys": "DEST",

    19. "startTime": "2017-12-27 18:31",

    20. "endTime": "2017-12-27 18:31",

    21. "remark":"yqy测试数据"

    22. }],

    23. cols: [[

    24. {title:'序号',templet:'#indexTp1', width:'6%'},

    25. {field:'srcIp', title:'IP', width:'17%',sort:true},

    26. {field:'srcSys', title:'源系统', width:'10%'},

    27. {field:'destIp', title:'目标IP', width:'17%'},

    28. {field:'destSys', title:'目标系统', width:'10%'},

    29. {field:'startTime', title:'开始时间', width:'11%'},

    30. {field:'endTime', title:'结束时间', width:'11%'},

    31. {field:'remark', title:'备注'}

    32. ]]

    33. });

    34. });

     

    展开全文
  • 需求是:Echarts实现一个html页面同时显示多个图表,布局为左右,右边有分上下的布局. 如图所示: 参考文档:https://www.echartsjs.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts 步骤:...

    最近小编开发前端页面,根据需求做一个统计分析的页面.

    需求是:Echarts实现一个html页面同时显示多个图表,布局为左右,右边有分上下的布局.

     如图所示:

    参考文档:https://www.echartsjs.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts

     步骤:1.先进行div中布局样式的调整.

             2.在指定的div中进行图表数据的填充.

    个人思路:先放一张图在各个布局中看看能不能处来,然后在每个布局中放同样的图是否都展示出来,展示出来后,对三个图中的数据进行替换,就ok!(如果怕一次性整好,图不出来或者出来不全,可以试试这个笨办法)

    注意:要保证多个图表的id不一致,每一个div处要有宽和高否则图表出不来.

    根据官网的案例:

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <!-- 引入 ECharts 文件 -->
        <script src="echarts.min.js"></script>
    </head>
    </html>
    
    
    <! --在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器。 -->
    
    <body>
        <!-- 为 ECharts 准备一个具备大小(宽高)的 DOM -->
        <div id="main" style="width: 600px;height:400px;"></div>
    </body>
    
    
     <script type="text/javascript">
            // 基于准备好的dom,初始化echarts实例
            var myChart = echarts.init(document.getElementById('main'));
    
            // 指定图表的配置项和数据
            var option = {
                dataset: {
            source: [
                ['score', 'amount', 'product'],
                [89.3, 58212, 'Matcha Latte'],
                [57.1, 78254, 'Milk Tea'],
                [74.4, 41032, 'Cheese Cocoa'],
                [50.1, 12755, 'Cheese Brownie'],
                [89.7, 20145, 'Matcha Cocoa'],
                [68.1, 79146, 'Tea'],
                [19.6, 91852, 'Orange Juice'],
                [10.6, 101852, 'Lemon Juice'],
                [32.7, 20112, 'Walnut Brownie']
               ]
            },
            grid: {containLabel: true},
            xAxis: {name: 'amount'},
            yAxis: {type: 'category'},
            visualMap: {
                orient: 'horizontal',
                left: 'center',
                min: 10,
                max: 100,
                text: ['High Score', 'Low Score'],
                // Map the score column to color
                dimension: 0,
            inRange: {
                color: ['#D7DA8B', '#E15457']
            }
        },
            series: [
            {
                type: 'bar',
                encode: {
                    // Map the "amount" column to X axis.
                    x: 'amount',
                    // Map the "product" column to Y axis
                    y: 'product'
                    }
                }
            ]
        };
    
    
            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
        </script>

    简单的进行记录,如果你也遇到跟我一样的问题,记得参考哦!

    展开全文
  • ubuntu 下同时显示多个摄像头画面

    千次阅读 2017-01-06 14:16:30
    ubuntu下使用测试UVC 摄像头的工具很,如luvcview、mplayer等等。 该帖使用luvcview,对UVC摄像头进行测试 1.准备工作 luvcview是一开源项目,用于UVC摄像头的测试,只要您的摄像头支持UVC驱动,即可使用...
    ubuntu下使用测试UVC 摄像头的工具很多,如luvcview、mplayer等等。
    该帖使用luvcview,对UVC摄像头进行测试

    1.准备工作
    luvcview是一个开源项目,用于UVC摄像头的测试,只要您的摄像头支持UVC驱动,即可使用luvcview测试程序。
    想要知道自己的摄像头是否被支持,找出摄像头的ID后到这个网站查一下:http://www.ideasonboard.org/uvc/
    查看ID有多种方法,lsusb或者dmesg

    2.安装luvcview
    firefly上直接
    root@firefly:~# sudo apt-get install luvcview

    3.使用首先找出设备:ls /dev/video*
    如设备是/dev/video0,运行:
    root@firefly:~# luvcview -d /dev/video0 -f yuv -s 640x480
    或者直接运行luvcview,更多使用方法,参考luvcview --help

    测试用的摄像头是罗技的C170和C930E,双摄像头同时使用挺拉风:victory:,直接上截图:



    sc_uvc.png(454.91 KB, 下载次数: 4)

    sc_uvc.png

    double_uvc.png(670.91 KB, 下载次数: 19)

    double_uvc.png
    展开全文
  • 如何同时打开多个网页

    千次阅读 2011-02-11 08:32:00
    我们每天都在重复着输入这些非常熟悉的网站,日复一日,真的有些纠结,要是一下子可以同时打开多个网页,那该多好啊。现在的IE浏览器以及可以做到了。现在我们就以IE8浏览器为例来给大家介绍如何同时打开多个网页。...

    每天,总有那么几个网站,是我们必去的,必看的,譬如有NBA爱好者,就必看篮球类网站,还有E-mail邮箱啦等。我们每天都在重复着输入这些非常熟悉的网站,日复一日,真的有些纠结,要是一下子可以同时打开多个网页,那该多好啊。现在的IE浏览器以及可以做到了。现在我们就以IE8浏览器为例来给大家介绍如何同时打开多个网页。

    方法一【利用IE主页一次打开多个网页】:

    Step 01:打开IE浏览器,点击菜单“工具—Internet选项” 。

     Step 02:在弹出的窗口中点击“常规”标签,在“主页”栏中输入你要同时打开的网址,每行一个网址,完成后点击“确定”按钮。

     Step 03:我们还可以在浏览网页的时候添加新主页,在当前网站上点击工具栏“主页”按钮后的小三角,在菜单中选择“添加或更改主页”,接着在弹出窗口中选择“将此网页添加到主页选项卡”,然后点击“是”按钮即可。

     

    方法二【利用书签实现同时打开多个网页】

    Step 01:把自己常用的网站在IE浏览器中以多标签形式打开,打开后点击菜单“收藏夹—将当前选项卡添加到收藏夹”。

     Step 02:在弹出的窗口中输入一下保存的名称,如“每天必看”,完成后点击“添加”按钮。

     Step 03:当我们要打开这些网站时,只要点击IE浏览器左上角的“收藏夹”按钮,在显示的面板中点击“每天必看”文件夹后的小箭头,这样就可以一次打开所有网站了。

    OK,两个简单而实际的做法,你掌握了吗?这样我们就可以省去了每天都要频繁地输入我们每天必看的网址了。

    展开全文
  • 解决一个页面多个跑马灯显示

    千次阅读 2017-12-14 12:59:57
    一个页面同时显示多个跑马灯效果
  • ViewPager一屏显示多个页面

    千次阅读 2017-10-10 23:00:40
    但它如何能一屏显示多个页面呢?其实很简单就是在控件的父布局或根布局添加clipChildren=false属性即可。android:clipChildren属性:是否限制子控件在其范围内显示,也就是说当子控件超出父控件规定大小时,超出部分...
  • 父窗体,有好多子窗体,我想实现所有子窗体都可以现实在父窗体中,显示为图片这样,可以新增可以单独窗体删除![图片](https://img-ask.csdn.net/upload/201511/30/1448815457_818273.jpg)
  • Html 多个空格显示&换行显示

    千次阅读 2018-05-10 10:21:27
    1.在html代码中直接使用空格键键入多个空格键,而实际网页浏览器显示一个空格的位置。如果需要实现html多个空格占位,需要使用html空格符“&amp;nbsp;”如下使用&lt;Text style={styles.nameText}&gt;{...
  • 时候需要把很图片同时显示到一画面中,现在分享两方法,这里我恰好拿之前写的爬取网上图片保存到本地的爬虫模型爬一些图片作为素材Python 爬虫批量爬取网页图片保存到本地。 得到素材如下所示: 现在让...
  • 多个文件同时上传
  • 弄了好久都搞不定,在网站参照其他配置也都搞了好久也搞不定,最后只能考虑换集成环境了,然后就找到了功能也很强大的PHPWAMP8.8.8.8IN,这个软件默认了所有apache运行方式,默认就支持多个版本共存,站点很方便给力...
  • 测试场景:1、100个用户在5秒内同时访问14个页面2、添加固定计时器:每个网页之间间隔500毫秒,即上一个网页访问结束后,休息500毫秒在访问下一个网页3、添加断言持续时间:这个时间是毫秒为单位,即响应时间。...
  • 海康WEB3.0一个页面显示多个视频

    千次阅读 2020-03-17 10:17:49
    第一次用海康的WEB调取显示视频,打算使用一个2*2或者4*4的画面,显示多个网络摄像头的图像。对官方的demo修改后,基本能实现需要的功能,但是无法在在制定的画面显示制定的摄像头,必须点一下画面再点击预览才可以...
  • 现在的网页显示图标算是常态,发现项目中页面上用到的图标都是单个图标单个文件,用的时候直接往页面上挂,这确实很常态。 如果,网站是挂在外网上,或者网速过低,又大量使用图标的情况下,由于浏览器和...
  • 腾讯地图显示多个地点

    千次阅读 2020-06-03 16:19:01
    腾讯地图文档https://lbs.qq.com/webDemoCenter/glAPI/glMarker/markerEvent 为多个marker添加事件
  • 网页的一页面中显示另一页面

    千次阅读 2018-10-20 19:56:42
    内联框架:HTML内联框架是为了实现在网页中显示网页,突出了内联二字,就是在一个网页中,我们能够控制在这个网页中用大的框去显示另外一个网页,并且能通过CSS对其进行控制。 2、两种应用场景: (1)固定右侧...
  • 这是JQuery写的的一个网页布局,就是多个页面在同一个div内显示, 这个是很正常的,不过实现起来还是有点纠结, (难道我会告诉你:因为我后端 和 android写多了,不会划页面了吗?) 先用御坂 镇楼! 效果: ...
  • 使用Swiper.js制作一屏显示多个slider时,按照官方给出的API说明,发现不能满足自定义缩放大小,于是自己琢磨了一下,发现一个关键参数 slidesPerView,官方给出的解释是: slidesPerView: 设置slider容器能够同时...
  • 同一个页面显示多个分页实现

    千次阅读 2018-07-10 09:03:57
     怎么说 不知道这办法算不算牵强 不过这是小菜我最直接想到的办法. 效果图如下   代 码 部 分 : ( 请注意两分页的变量是不一样的 但是调用的方法一样 所以只需要把变量名称通过参数传给方法再加以判断...
  • 资源引入:http://api.map.baidu.com/getscript?v=2.0&ak=yourakcode"> function initBmap() { $("#dcViewMapContainer") ... ''); var dcViewMap = new BMap.Map("dcViewMap"); // 创建Map实例 var poi
  • Bootstrap3 多个模态对话框无法显示的问题

    万次阅读 热门讨论 2016-05-12 21:03:14
    一个页面中含有多个Bootstrap的模态对话框时,第二个对话框无法正确弹出
  •  IE浏览器让独立的网页同时显示在同一窗口方法: 1,打开IE浏览器,在菜单栏上点击“工具”,弹出下拉菜单点击“Internet选项”。 2,点击“常规”页面下的“标签页”。 3,点击选择“始终在新标签页中打开...
  • 01/23/2014, Posted in 移动 Comments: No comments ...最近在做一div css...一、并排在一行的两div样式有这种情况:ie或者ff下对于子div设置float左的时候,如果另外的子div没有设置float左的 话,两
  • css的 white-space:pre 完美解决: .white-space { white-space:pre }
  • 多个ajax在页面加载时请求,若返回值的名称一致,可能会出现数据冲突的问题,并导致前面的ajax执行报错,这种情况一般要把ajax分开来执行,不建议使用同步操作如:在ajax的success中调用下一个ajax方法,但这种操作...
  • 如何让多个div盒子并排同行div横向排列显示呢? 我们先设置3个div盒子对象,什么ss样式都不设置看看效果。代码如下: 三个div盒子均独占一行显示 div盒子本身默认样式属性是独占一行,而...
  • video.js 一个页面同时播放多个视频

    千次阅读 2019-10-02 16:40:11
    $(data).each( function (i, item) { // innerHTML = '<li type-id="' item.id '">' ...item.imgs:'../../img/videoBg1.jpg') '...需要做延时,避免加载失败 更专业前端知识,请上 【猿2048】www.mk2048.com
  • Android WebView 加载网页显示空白页不显示网页

    万次阅读 热门讨论 2017-10-11 17:23:42
    Android 在使用WebView控件将网页嵌入应用的时候有时会遇到页面显示不出来或者显示为空白页的情况   我在项目中也遇到了这问题 , 尝试了很方法都没有解决问题 ,最终找到了解决方法:   WebSettings ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 983,009
精华内容 393,203
关键字:

多个网页同时显示