交互_源码网

js实现IE浏览器窗口在指定位置打开

所属栏目：[交互] 日期：2018-09-19 热度：58

Java Script指定打开浏览器窗口的位置，大家会发现，在浏览有些网站的时候，打开一个新窗口会默认显示在屏幕的某个位置上，以至于不遮挡下层网页的内容，其实实现这一功能，只需一行代码就行了，具体请看下边代码区的代码。注意：本效果仅在 IE浏览器下[详细]
仿淘宝智能浮动的工具条,基于jQuery实现

所属栏目：[交互] 日期：2018-09-19 热度：123

烈73火87网(LieHuo36.Net)网页特效教12程仿淘宝智能浮动的工具条，基于 jQuery 实现，智能判断滚动条是否移动到了页面的最顶部，如果是，则浮动至最顶部，以至于不受滚动条的影响；当滚动条滚回来的时候，它同样为判断是否滚到了自己原来的默认位置，如果[详细]
js模拟引力环境下的撞击、摩擦、落体运动可拖拽

所属栏目：[交互] 日期：2018-09-19 热度：143

Java script模拟引力环境下的撞击、摩擦、落体运动，摩擦，碰撞的消耗并没有按公式进行计算，纯属于杜撰，是不符合规律的，仅仅是模拟，希望同行们多切磋，共同探讨。演示效果如下： htmlheadmeta charset=gbk /title模拟引力环境下的撞击、摩擦、落体[详细]
js获取字符串中指定位置的字符代码

所属栏目：[交互] 日期：2018-09-10 热度：167

javascript取得字符串中指定位置的字符，如果你对WEB编程了解的话，就会明白，取得某字符串指定位置的字符也是比较常见的问题，希望通过这个小小简单实例，让更多的朋友学会 Java Script中获取指定字符串这一功能的方法。实例演示： htmlheadtitle取得字[详细]
JavaScript 实现缓冲效果演示大汇总

所属栏目：[交互] 日期：2018-09-10 热度：152

作者将45种可用于网页上的 Java Script缓冲效果集合于一个整体实例中，鼠标点击某个缓冲的名字，就能看到该缓冲的效果，很佩服作者的水平，研究JS的朋友，一定要切磋一下，见到高人了作者：司徒正美，很多人都知道的，在博客园等多个知名网站开了博客，在[详细]
JavaScript模板替换函数代码非常简洁

所属栏目：[交互] 日期：2018-09-10 热度：176

一个超简洁的 Java Script模板替换函数，其实从实用角度来说，用这种方式替换不太实用，不过里面的代码有些写的相当不错，特别是正则表达式代码，值得一看。演示效果： htmlheadtitle模板替换函数/titlestyle*{margin:0; padding:0;}/style/headbodydiv i[详细]
js 网站连接速度测试延迟加载

所属栏目：[交互] 日期：2018-09-10 热度：138

网站的连接速度测试，貌似速度都挺快，呵呵，测试个大概吧，这个更像是Windows中的Ping的速度，本代码测试的是连接到指定主机的速度，并不是网页下载的速度。而且在本效果中，采用了js延迟加载的效果，如果网速慢的话，会显示：正在连接。。。效果如下：[详细]
js检测浏览器对象分辨率、鼠标坐标等

所属栏目：[交互] 日期：2018-09-10 热度：143

本文介绍的是 Java Script配合CSS检测浏览器对象和鼠标位置，CSS主要用于美化文字，将文字变成漂亮的字体以及设置自定义颜色，Js完成操作系统判断、浏览器版本及名称、显示器分辨率、鼠标的位置：x、y坐标等信息，尽管检测的不是太准确，但是已经把原理[详细]
js无刷新添加可拖拽、移动的DIV区域块

所属栏目：[交互] 日期：2018-09-10 热度：50

这是利用javascript实现的无刷新添加一个新的DIV层，没有使用 jQuery 哦，功能非常不错。并可实现的该层的拖动，鼠标拖动层可移动位置，将JS部分另存为一个新文件，用到的时候从外部引入，这个拖动层代码很流行，GG和YAHOO等大网站经常可以看到这种效果。[详细]
js实现更多内容的收缩与展开效果

所属栏目：[交互] 日期：2018-09-10 热度：131

Java SCript完成的一段文字收缩与展开的特效代码，在电影网站里，经常会看到电影简介，但是为了页面整体美观的情况下，会隐藏一部分文字以使网页整齐美观，当你想详细看的时候点击更多会展开所有的文字，本代码就是实现了这样一种功能，点击运行查看效果吧[详细]
网页底部浮动条代码兼容IE、火狐浏览器

所属栏目：[交互] 日期：2018-09-10 热度：177

一款网页底部的浮动条效果，跟随滚动条。在IE与火狐浏览器下测试通过，这是烈火在UED TEAM博客发现的，特别分享出来给大家，希望对大家有所帮助。原理：在标准浏览器下用position: fixed的方式就可以了。IE6下面用overlay.className = overlay.classNam[详细]
jQuery收缩与展开代码没有经过美化的效果

所属栏目：[交互] 日期：2018-09-10 热度：59

jQuery 伸缩与展开效果，个人认为挺简化而且效果很好。以前有个朋友问我收缩与展开的问题，当初朋友的一个网页，打开后某部分是闭合的，点击后才展开，后来过来问我如何让它一打开就展开，当时偶水平也很菜，没能搞出来。呜呜！！遇到类似问题的朋友，不妨[详细]
VML绘制正弦和余弦曲线效果

所属栏目：[交互] 日期：2018-09-10 热度：189

用VML在网页上画正弦和余弦曲线，这里使用polyLine和arrow两个函数分别画折线和箭头，两个基本的元素绘画完成，整条曲线也就很容易的就出现了。关于VML的百科介绍：http://baike.liehuo.net/doc-view-8894.html 文章回顾：利用VML在网页上绘制一幅逼真的[详细]
载入网页时弹出消息，并询问是否显示当前时间

所属栏目：[交互] 日期：2018-08-20 热度：179

载入网页时弹出消息，并询问是否显示当前时间，关于JS中confirm属性及document.write的使用，在网页制作中我们经常用到类似的例子，在本例中，首先弹出询问对话框，询问用户是否需要显示时间，根据用户的选择执行不同的过程，像这样使用document.write，你[详细]
JavaScript 代码获得键盘上按下的方向键

所属栏目：[交互] 日期：2018-08-20 热度：154

烈77火75网(LieHuo06.Net)教57程 Java Script取得按下键盘的方向键是哪个，通过创建一个event.keyCode对象，可有效获取键盘上的方向键，运行代码后，点击键盘上的任意方向键，网页会以Alert的方式返回你按下的是哪个键。演示： htmlheadtitle取得键盘的方[详细]
网页定义快捷键访问网站，有询问提示效果

所属栏目：[交互] 日期：2018-08-20 热度：114

烈06火55网(LieHuo23.Net)网页36特效网页定义快捷键访问网站，有询问提示效果！给网页设定快捷键的一种方法污染代码，本例子中定义了按下键盘上的g或G键，则弹出提示窗是否前往某链接，你完全可以自己修改这些自定义的键位。演示代码： htmlheadtitle给[详细]
浏览本地文件，然后用js显示扩展名

所属栏目：[交互] 日期：2018-08-20 热度：174

烈97火14网(LieHuo12.Net)教84程用文件域浏览指定文件，可以显示该文件的扩展名，想想它可以用在哪里？可以用在文件上传系统上，用来判断上传的文件类型是否是合法类型，不是则不允许上传。再看看代码，不足10行，解决问题，正在学习javaScript的朋友，你[详细]
JavaScript写的脚本运行速度分析小工具

所属栏目：[交互] 日期：2018-08-20 热度：95

脚本运行速度分析小工具，用 Java Script写的，得到部分数据如下：（循环100，000次，重复10次取平均值，下面的数据单位是执行时间耗时-秒每百万操作）特效代码： htmlheadtitle脚本运行分析/titlestyle* { font-size:12px; font-family:Arial, 宋体;[详细]
Meta实现离开或刷新时，网页闪动效果

所属栏目：[交互] 日期：2018-08-20 热度：69

通过meta标签实现的一款网页特效，以前我们介绍过离开或刷新网页的百叶窗代码，今天的效果与百叶窗的实现方法差不多，当访客离开或刷新网页时，载入网页的那一瞬间就会看到闪动，当然不同的网页颜色和图片显示的效果也有所不同。好了，烈火就不多说了，看[详细]
检测浏览器是否允许Cookie功能的JS代码

所属栏目：[交互] 日期：2018-08-20 热度：135

JS通过固定函数进行检测的实例，与上一篇获取屏幕颜色品质的例子性质相同，在从事 Java Script编程的时候，为了脚本运行稳定，有的程序员会先来个Cookies判断，检测用户的浏览器是否开启了Cookies支持，如果没有则给出提示，让用户打开Cookies。代码如下[详细]
Js获取屏幕的颜色是16位还是32位

所属栏目：[交互] 日期：2018-08-20 热度：135

Java script 函数获取屏幕的颜色色彩品质，16位或32位，只需运行本代码，即可得到你当前屏幕的颜色品质，不过，现在99%的电脑都是32位了，本特效意义不大，只作为一个参考吧。演示效果： htmlheadtitle取得屏幕的色彩品质/title/headbodyscript language=[详细]
防止网页被他人iFrame调用JavaScript代码

所属栏目：[交互] 日期：2018-08-20 热度：175

非常经典的代码了，很早以前烈火就发表过相关的文章，由于网站改版就找不到了，恰巧今天有个朋友咨询此问题，于是就再发表一次，代码很简单，主要是防止一些小人恶意使用iframe引用自己的网站。实例演示： htmlheadtitle防止网页被他人加入页框/titlescri[详细]
IE浏览器打开“页面设置”对话框

所属栏目：[交互] 日期：2018-08-20 热度：172

看到标题，大家就明白是怎么回事了吧？这是烈火在一个源码网站转载的，有的朋友肯定会说这肯定行不通，那么到底行不行呢？您可以点击下面的运行测试一下，呵呵。开个玩笑，肯定是行的，但是要在低版本的 IE浏览器中，高版本的IE，例如IE7、 IE8 等安全机[详细]
案例解析｜如何设计一个专业的产品着陆页？

所属栏目：[交互] 日期：2018-02-22 热度：146

副标题#e# 对于许多品牌和网站而言，着陆页在营销上有着至关重要的作用。用户打开着陆页之后，能够通过它瞬间明白这个网站是做什么的，提供什么样的产品，什么样的服务，同时不会被其他的信息所分心。正是因为着陆页的独特地位，它在品牌和内容营销上的作用[详细]
2018年即将流行的交互设计六大趋势

所属栏目：[交互] 日期：2018-02-22 热度：78

副标题#e# 今天团队的交互伙伴们将带来 2018 年交互设计趋势。选择在农历新年来临之际奉上这道历时一个月烹制的「交互趋势年夜饭」，只愿给力求打造极致用户体验的你以启发和帮助。设计是围绕人解决问题，因此对 2018 年交互趋势的预测，我们将目光聚焦在[详细]

4377

162