js 右下角弹窗效果代码(IE only)
右下角弹窗效果练习
function $(obj){
return document.getElementById(obj);
}
function pop(obj){
var h = parseInt($("popDiv").currentStyle.height);
$("popDiv").style.height = (h + obj) + "px";
if(parseInt($("popDiv").style.height) = 200){
window.clearInterval(timer);
}
}
var timer;
function runtimer(obj){
timer = window.setInterval(function(){pop(obj)},10);
}
window.onload = function(){
runtimer(2);
}
×
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
js弹窗返回值详解(window.open方式)
test.php 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-
-
js实现弹窗插件功能实例代码分享
目前测试下:支持IE6+ 火狐 谷歌游览器等. 先来看看此组件的基本配置项:如下: 复制代码 代码如下: this.config = { targetCls : '.clickElem', // 点击元素 title: '我是龙恩', // 窗口标题 content : 'text:<p style="width:100px;height:100px">我是龙</p>', //content : 'img
-
js点击弹出div层实现可拖曳的弹窗效果
弹出层.弹窗效果+拖曳功能 *{ margin:0px; padding:0px;} body{ font-size:12px; font:Arial, Helvetica, sans-serif; margin:25PX 0PX; background:#eee;} .botton{ color:#F00; cursor:pointer;} .mybody{width:600px; margin:0 auto; height:1500px; border:1px solid #ccc; pad
-
js退出弹窗代码集合
var leave=true; function stbs() { if (leave) stb.DOM.Script.window.open('http://www.jb51.net/','_blank'); } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 支持 Windows XP SP2 xp sp3(即支持IE7)的超级弹退代码 使用说明: 1. 把SuperExitPopup.js这行 var popURL1 = 'http://tv.cnzz.cc'; 里面的网址改成
-
关于vue.js弹窗组件的知识点总结
首先在开发时需要考虑以下三点: 1.进入和弹出的动画效果. 2.z-index 的控制 3.overlay 遮盖层 关于动画 vue 对于动画的处理相对简单,给组件加入css transition 动画即可 <template> <div class="modal" transition="modal-scale"> <!--省略其它内容--> </div> </template> <script&g
-
js用类封装pop弹窗组件
下面的弹出框组件使用的是类来封装的.一个弹窗组件通过new一个实例来生成. 下面直接上代码: html结构: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> /*基本的样式*/ button{width: 1.6rem;height: 0.5rem;font-
-
js弹窗代码 可以指定弹出间隔
代码如下: 复制代码 代码如下: <SCRIPT LANGUAGE="javascript"> var Time=10; //设置每次弹出的相格的时间以秒为单位,现在是一天 function Set(){ var Then=new Date(); Then.setTime(Then.getTime()+Time*1000); document.cookie="netbei=1;expires="+Then.toGMTString(); } var coo
-
Js控制弹窗实现在任意分辨率下居中显示
贴代码 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv
-
JS自动适应的图片弹窗实例
复制代码 代码如下: /************************************自动适应的图片弹窗*********************************/ var autoImg=function(argcs){/*调整图片大小,等比例缩放argcs['maxHeight']=>最大高度,argcs['maxWidth']=>最大宽度,argcs['height']=>图片高度,argcs['width']=>图片宽度*/
-
js 右下角弹窗效果代码(IE only)
右下角弹窗效果练习 function $(obj){ return document.getElementById(obj); } function pop(obj){ var h = parseInt($("popDiv").currentStyle.height); $("popDiv").style.height = (h + obj) + "px"; if(parseInt($("popDiv").style.heig
-
JS右下角广告窗口代码(可收缩、展开及关闭)
本文实例讲述了JS右下角广告窗口代码.分享给大家供大家参考.具体如下: 这是一款右下角窗口JS代码,完美的右下角,仿新浪博客的右个角弹出窗口,这款Javascript代码在兼容性和操作舒适度方面做的相当不错.调用了几张外部的图片,使用时自行下载吧. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-right-buttom-show-close-able-adv-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "
-
js实现弹窗效果
本文实例为大家分享了js实现弹窗效果的具体代码,供大家参考,具体内容如下 思路: 1.创建一个按钮,点击弹出弹窗 2.建立一个弹窗页面 固定定位 默认隐藏 3.将弹窗内容放在弹窗页面的中间 4.js将事件绑定按钮,点击后让弹窗页面显示 5.js事件绑定span标签,点击后让弹窗页面消失 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
-
js滑动提示效果代码分享
本文实例为大家分享了js滑动提示效果,供大家参考,具体内容如下 js代码漂亮的动画效果:在靠右上角:背景颜色为红,字体颜色为白色 滑动 变大 上移 缓慢渐变消失 function tishi() { $("#tishi").attr("style", "border: 1px solid #000;position: absolute; z-index: 10; width:200px; height: 30px;color:white;backgro
-
java实现桌面右下角弹窗效果
最近需要一个java实现桌面弹窗的小功能,类似于电脑桌面右下角的小广告一样的功能,在csdn上找到一个很好的一个,功能很多,我去除了一点不需要的代码,改了下外观等. 修改后的代码如下: InfoUtil.java import java.awt.BorderLayout; import java.awt.Color; import java.awt.Cursor; import java.awt.Desktop; import java.awt.Dimension; import java.aw
-
纯js实现手风琴效果代码
我知道现在大多数前端开发人员都在使用jQuery等第三方的库来进行开发,这不仅节约了时间,也让效率大大的提高,并让公司的效益增加,何乐而不为呢? 但是,这也会有一定的缺点,比如jQ比js慢,尤其在大型项目中就会显现出来,下面我用原生js实现一个简单的手风琴效果效果. HTML代码如下 结构非常简单就5个li盒子,js代码会渲染图片上去 <!DOCTYPE html> <html> <head lang="en"> <meta charset=&
-
Js右下角视频广告代码(百度视窗)
右下角视窗 请看窗口右下角 var BD_HY_VIDEOAD={};(function(){var F={videoId:"BD_HY_VIDEOAD_"+new Date().getTime().toString().substring(5,13),bgFlashShow:0,bdLogoShow:"true",bdSmallShow:"true",bdLogo:"http://eiv.baidu.com/mapm2/0306vid
-
WPF气泡样式弹窗效果代码分享
页面设计需求,做了一个气泡形状的弹出框,效果如下: 设计思路如下: 1. 使用Path绘制气泡的尖尖,将这个放到顶层: 2. 在用border绘制长方形框,将这个放到底层,并且设置Margin值,使得Path图层和border看起来衔接在一起. 代码如下: <Window x:Class="BubblePanelTest.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentatio
-
JavaScript实现弹窗效果代码分析
效果图: 话不多说,请看代码: 每个弹窗的标识 var x =0; var idzt = new Array(); var Window = function(config){ ID不重复 idzt[x] = "zhuti"+x; 弹窗ID 初始化,接收参数 this.config = { width : config.width || 300, 宽度 height : config.height || 200, 高度 buttons : config.buttons || '', 默
-
纯JS半透明Tip效果代码
Test function opacity(id, opacStart, opacEnd, millisec) { //speed for each frame var speed = Math.round(millisec / 100); var timer = 0; //determine the direction for the blending, if start and end are the same nothing happens if(opacStart > opacEnd)
随机推荐
- Asp.Net Mvc2 增删改查DEMO代码
- 利用Go语言追加内容到文件末尾
- Bootstrap框架下下拉框select搜索功能
- 浅谈Linux内核创建新进程的全过程
- IIS7、iis7.5中禁止缓存单个静态文件的配置方法
- iOS 10 Today Widget解析
- php时间戳格式化显示友好的时间函数分享
- Shell中使用plink工具实现远程批量关机
- 总结C/C++面试中可能会碰到的字符串指针题
- android studio 3.0 gradle 打包脚本配置详解
- 使用vue.js写一个tab选项卡效果
- 详解在express站点中使用ejs模板引擎
- PHP 数字左侧自动补0
- 页面自定义拖拽布局
- JavaScript控制table某列不显示的方法
- 防火墙是关键控制还是全网服务
- Java调用JavaScript实现字符串计算器代码示例
- 一些你可能不熟悉的JS知识点总结
- Windows下使用批处理文件.bat删除旧文件
- 详解MySql Date函数