`

按比例展示的小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>
分享到:
评论

相关推荐

    图片按比例缩小---js

    在JavaScript中,图片按比例缩小是一项常见的操作,特别是在网页开发或者图像处理的场景下。这个话题涉及到HTML5的Canvas API、CSS3的transform属性以及Image对象的使用。下面将详细介绍这些知识点。 首先,Canvas ...

    JS-charts JavaScript实现的数据图显示

    **JS-charts:JavaScript实现的数据图显示** JS-charts 是一款强大的开源库,它允许开发者在Web页面上创建丰富的统计图表,无需依赖任何外部服务器端技术。这个库完全基于JavaScript编写,因此它可以在客户端浏览器...

    js实现图片的按比例缩放

    为了解决这个问题,我们可以使用JavaScript来实现图片的按比例缩放,确保图片始终保持其原始比例,避免变形。下面将详细介绍如何使用JavaScript来实现这一功能,并结合提供的文件进行解析。 首先,我们需要理解图片...

    前端项目-chartjs-plugin-annotation.zip

    Chart.js是一个轻量级且强大的JavaScript库,用于创建各种图表,如折线图、柱状图、饼图等。而`chartjs-plugin-annotation`是Chart.js的一个插件,它提供了在图表上添加注释的功能,比如绘制直线、虚线、箭头、文本...

    js按比例缩放图片且垂直居中显示图片

    "js按比例缩放图片且垂直居中显示图片"这个主题涉及到的是使用JavaScript技术来处理图片的尺寸调整和布局定位,使得图片无论在何种分辨率或屏幕尺寸下都能保持良好的视觉效果。这里我们将详细探讨这一技术实现的原理...

    JS图片等比例缩放方法完整示例

    // 如果同时限制宽度和高度,选择较小的比例进行缩放 Ratio = (wRatio ); } // 计算新的宽度和高度 if (Ratio ) { w = w * Ratio; h = h * Ratio; } // 更新图片元素的宽度和高度 objImg.height = h; ...

    js按比例缩放图片,不变形,不失真

    "js按比例缩放图片,不变形,不失真"是一个常见的需求,特别是在用户上传图片或者在页面中显示不同尺寸的图片时。传统的做法是直接设定图片的高度或宽度,但这往往会导致图片比例失衡,产生变形和失真的现象。本篇...

    ArcGIS-API-for-Javascript-开发教程

    **ArcGIS API for JavaScript 开发教程** ArcGIS API for JavaScript 是Esri公司提供的一款强大的Web GIS开发工具,它允许开发者在网页中构建交互式的地图应用。这个开发教程旨在引导初学者快速入门,掌握如何利用...

    超宽度同比例缩小JS

    "超宽度同比例缩小JS"是一种JavaScript技术,用于解决图片在网页中加载时可能出现的过大或不适应屏幕尺寸的问题。当图片的原始尺寸超过预设的最大显示尺寸(例如600X300像素)时,这种技术会自动将图片按比例缩放,...

    JavaScript按比例尺输出查询结果

    综上所述,"JavaScript按比例尺输出查询结果"这个示例展示了如何利用SuperMap iClient结合地图事件和比例尺信息,实现动态地控制地图上的查询结果显示,从而提高用户体验和系统性能。这一技术在地图应用开发中具有...

    html5-页面滚动展示效果-js大屏页面特效

    总的来说,"html5-页面滚动展示效果-js大屏页面特效"是一个结合了HTML5语义化标签、JavaScript动态效果和视差滚动设计理念的网页制作技术。它不仅提升了网页的视觉吸引力,还增强了用户的交互体验,是现代网页设计...

    iClient-JavaScript-master1_supermap_

    在"iClient-JavaScript-master1_supermap_"这个项目中,我们看到的是超图GIS的JavaScript版本客户端应用示例代码。这个代码库主要用于帮助开发者学习如何在Web应用中集成和使用超图GIS的功能。 一、超图iClient-...

    图片自动按比例缩小代码防止页面被图片撑破.rar

    为了解决这个问题,我们可以利用JavaScript(JS)来实现图片自动按比例缩小的功能,确保图片在不破坏页面布局的情况下展示。这个压缩包文件"图片自动按比例缩小代码防止页面被图片撑破.rar"可能包含了实现这一功能的...

    js代码按比例图片缩放

    ### js代码按比例图片缩放知识点详解 #### 一、功能概述 在Web开发中,经常需要处理图像的缩放问题。特别是在响应式设计中,为了确保图片在不同分辨率和屏幕尺寸下的显示效果,实现图片的按比例缩放至关重要。本文...

    JS 按图片比例截取中间部分 缩略图不失真

    "JS 按图片比例截取中间部分 缩略图不失真" 这个主题正是关于如何使用JavaScript来实现这样的功能。这个方法的关键在于保持图片的原始比例,避免拉伸或压缩导致的图像失真,同时,通过截取图片的中间部分,可以确保...

    pdf.js-master.zip_pdf-master_pdf.js-master_pdfjs_pdf文件预览

    7. **自定义配置**:开发者可以根据需要调整 PDF.js 的配置,例如设置默认的缩放比例、字体大小等。 在实际应用中,"文件转PDF"可能指的是将其他格式的文档(如 Word、Excel、HTML)转换成 PDF 格式,以便于在...

    arcgis-js-v429-sdk api

    《ArcGIS JS V4.29 SDK API:深入解析JavaScript地理空间编程》 ArcGIS JavaScript API V4.29是Esri公司推出的一款强大的Web GIS开发工具,它为开发者提供了丰富的功能,使得在Web上创建交互式的地图应用变得简单易...

    JS编写的基于网页的图片浏览器

    这个JS类库实现了自动按比例缩放图片的功能,确保无论图片的原始尺寸如何,都能适应预设的显示区域。这通常是通过计算图片的宽高比,并根据容器的尺寸调整图片大小来实现的。这样,无论用户的屏幕分辨率如何,图片都...

    图片等比例缩放,网页图片处理方法

    本文将详细介绍如何利用JavaScript(简称JS)以及jQuery这两种常用前端技术实现图片的等比例缩放。 #### 一、基础知识简介 **1.1 图片等比例缩放的概念** 等比例缩放是指在调整图片大小时保持其原始宽高比不变的...

Global site tag (gtag.js) - Google Analytics