`

按比例展示的小js-20131217

 
阅读更多
做需求的做到一个关于这个功能的项目所以记下来

Math.random()是令系统随机选取0-1之间的14位的随机数
10就等于是100%的几率,现在的一个展示的是70%一个展示的是30%的几率,一般用于一个页面下有多条数据要展示的情况做的流量分流的效果。

<style>
#z{ display:none;}
#s{ display:none;}
</style>

<div id="z">
房子的页面
</div>
<div id="s">
车子的页面
</div>

<script>
    sj=Math.floor(Math.random()*10+1);
	if(sj<4){
		document.getElementById("z").style.display="block";
		}else{
			document.getElementById("s").style.display="block";
    }
</script>
分享到:
评论

相关推荐

    【大屏可视化模板】vue-dataV-echarts-elementul大屏数据可视化方案,屏幕适配方案等比例缩放

    用了vue - echarts - datav-elementul大屏数据可视化方案,包含屏幕适配方案等比例缩放, 等比例缩放的屏幕适配方法。可以让你不需要大量使用百分比或者转换之类的方法去写屏幕自适应大小,而是可以用部分px直接写...

    自适应图片大小比例的3D立体图片展示效果

    3D立体图片左右切换效果,不需要固定图片大小,JS会自动根据图片不同的比例合理设置宽度高度

    JS等比例缩小图片尺寸的实例

    JS等比例缩小图片尺寸的实例,需要的朋友可以参考一下

    js使用小技巧

    Javascript小技巧一箩筐 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode ...

    javascript经典效果示例

    49:___按比例缩放图片,JavaScript代码 50:___最简的JavaScript鼠标经过切换图片 51:___有点炫的JavaScript立体图片展示 52:___根据鼠标放上切换内容制作的图片导航 53:___浮动的图片广告 54:___清爽简洁的图片交替...

    基于JavaScript的三维地图程序(仿e都市gis)

    1.增加小沙盘拖动类(鹰眼视图) BirdEye.js 完成小沙盘到地图的同步,同步方法:检测mouseup事件触发-&gt;修改url-&gt;request-&gt;计算坐标-&gt;同步行为 2.增加小沙盘样式表BirdEye.css 地图图片路径birdeyemap 3.完成window....

    image-crop:图片等比例撑满容器,完全居中展示,会裁剪容器之外的图片区域

    图片等比例撑满容器,完全居中展示,会裁剪图片的非中心区域(类似于CSS中background-size: cover;的效果) 裁切策略 图片占满容器且图片保持原有比例,完全居中展示图片,超出部分将被隐藏 使用示例 &lt;!-- 引入...

    Javascript经典特效示例集,图片特效集(70种)

    像光照一样、清爽简洁的图片交替导航效果、根据鼠标放上切换内容制作的图片导航、亮丽的JS图片渐变导航、CSS完成神奇创意的相框、JS点击小图预览大图(仿淘宝)、有点炫的JavaScript立体图片展示……

    Javascript经典特效示例集,图片特效集(73种)

    像光照一样、清爽简洁的图片交替导航效果、根据鼠标放上切换内容制作的图片导航、亮丽的JS图片渐变导航、CSS完成神奇创意的相框、JS点击小图预览大图(仿淘宝)、有点炫的JavaScript立体图片展示……

    jstexiao.rar_js_js 一样的图片

    像光照一样、清爽简洁的图片交替导航效果、根据鼠标放上切换内容制作的图片导航、亮丽的JS图片渐变导航、CSS完成神奇创意的相框、JS点击小图预览大图(仿淘宝)、有点炫的JavaScript立体图片展示

    使用html5实现的多边形展示百分比

    使用html5实现的多边形展示数字百分比,以替换柱状图的展示方式。

    js模拟百度地图

    1、用JS实现和百度地图一样的地图--拖动,移动,放大、缩小、还原、标注、图例 2、不需搭建gis服务器,不需第三方API支持。 3、地图的图片直接从百度地图中选择所需的比例,直接截图,然后PS拼接一下就OK了(示例为...

    基于ECharts GL的3D图表展示设计与实现

    基于ECharts GL的3D图表展示设计与实现

    mosaicjs是一款响应式网格图片画廊插件

    mosaic.js是一款响应式网格图片画廊插件。该插件为所有图片提供统一的高度,图片按照自身比例进行缩放。制作出的效果类似于Flick和谷歌 的图片画廊效果。

    基于webgl-threejs的综合管廊项目应用前端源码.zip

    基于threejs完成的综合管廊项目,大屏总览展示包括以下: 1、展示管廊信息列表、基本信息和健康评分 2、显示管廊空间占用比例 3、展示当前管廊环境监测信息 4、展示管理告警统统计数据 5、展示管廊故障统计数据 6、...

    js鼠标经过小图时缓慢变大图

    鼠标经过小图时缓慢变大图。成比例缩放。可以设置多张图片。

    js实现webgis

    1、用JS实现和google地图一样的地图--拖动,移动,放大、缩小、还原 2、不需搭建gis服务器,不需第三方API支持。 3、地图的图片直接从百度地图中选择所需的比例,直接截图,然后PS拼接一下就OK了(示例为福州市地图)...

    程序天下:JavaScript实例自学手册

    15.17 图片的选择展示 15.18 163图片新闻切换效果 15.19 判断上传图片的大小 15.20 上传图片时预览 15.21 对联广告 15.22 带关闭的对联广告 15.23 到边界反弹的漂浮图片 15.24 用键盘控制图片移动 15.25 预装载图片...

    famous-sizeconstraint:SizeConstraint 可以为 famo.us 可渲染对象设置比例、填充、最大尺寸、最小尺寸和纵横比

    根据父级大小(因子)按比例缩放大小。 padding 内部宽度/高度填充(像素)。 max 设置最大尺寸(像素)。 min 设置最小尺寸(像素)。 ratio 要执行的纵横比(因子)。 size 要使用的默认大小而不是父...

    基于JS的瓦片三维电子地图系统的实现

    GIS,通过互联网来展示GIS的强大功能,人们在网页上就可以实现对地理信息 数据的显示和操作。 在如今的大数据时代,各大城市、高校都在积极发展数字化和信息化,而三 维智慧校园工程是其中不可缺少的一个环节。而...

Global site tag (gtag.js) - Google Analytics