将图片图片固定在页面左上角

最新推荐文章于 2023-11-09 23:02:55 发布
最新推荐文章于 2023-11-09 23:02:55 发布
阅读量2.5k 收藏
点赞数
文章标签： function border javascript filter image layer

style="WIDTH: 89.81%; HEIGHT: 64px" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-4577827332549849&dt=1192819750500&lmt=1192819750&prev_fmts=468x60_as&format=468x15_0ads_al_s&output=html&correlator=1192819750437&channel=1741427766&pv_ch=1741427766%2B&url=http%3A%2F%2Fyzkzoo.5d6d.com%2Fthread-68-1-1.html&color_bg=FFFFFF&color_text=000000&color_link=0000FF&color_url=008000&color_border=336699&ref=http%3A%2F%2Fyzkzoo.5d6d.com%2Fforum-16-1.html&cc=100&ga_vid=1025434795.1192631677&ga_sid=1192817968&ga_hid=1871659779&ga_fc=true&flash=8&u_h=768&u_w=1024&u_ah=738&u_aw=1024&u_cd=32&u_tz=480&u_his=2&u_java=true">

style="WIDTH: 82.23%; HEIGHT: 74px" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-4577827332549849&dt=1192818497343&lmt=1192818497&format=468x60_as&output=html&correlator=1192818497343&channel=1741427766&url=http%3A%2F%2Fyzkzoo.5d6d.com%2Fthread-68-1-1.html&color_bg=FFFFFF&color_text=000000&color_link=0000FF&color_url=008000&color_border=336699&ad_type=text_image&ref=http%3A%2F%2Fyzkzoo.5d6d.com%2Fforumdisplay.php%3Ffid%3D16%26page%3D1&ui=rc%3A6&cc=100&ga_vid=1025434795.1192631677&ga_sid=1192817968&ga_hid=1000484876&ga_fc=true&flash=8&u_h=768&u_w=1024&u_ah=738&u_aw=1024&u_cd=32&u_tz=480&u_his=6&u_java=true">

 ====1、将以下代码加入到HEML的<body></body>之间

<SCRIPT language=JavaScript>
<!-- Hide the script from old browsers --
// 1) 做一个88*31的LOGO。
if (document.images)
var staticlogo=new Image(88,31)
// 2) 设置LOGO的路径。
staticlogo.src="图片的名称1.gif"
// 3) 以下是LOGO代表的连接。
var logolink="http://www.happydrips.com"
// 4) 设置ALT属性。
var alttext="快乐点滴"
// 5) 设置下列属性为 1或者0(1是IE特有的，使LOGO隐现）
var fadeintoview=1
/* 6) 最后设置LOGO显示的时间，例如12 秒，数值为0表示一直显示
*/
var visibleduration=12
/以下不要改变/
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.οnresize=regenerate",400)
}
var fadeset=''
if (fadeintoview)
fadeset="filter:alpha(opacity=0)"
if (document.all)
document.write('<span id="logo"" style="'+fadeset+';position:absolute;top:100;width:'+staticlogo.width+';height:'+staticlogo.height+'"></span>')
function bringintoview(){
if (logo.filters.alpha.opacity<=95)
logo.filters.alpha.opacity+=5
else{
clearInterval(viewit)
if (visibleduration!=0)
setTimeout("logo.style.visibility='hidden'",visibleduration*1000)
}
}
function createlogo(){
staticimage=new Layer(100)
staticimage.left=-300
staticimage.top=120
staticimage.document.write('<a href="'+logolink+'"><img src="'+staticlogo.src+'" border=0 alt="'+alttext+'"></a>')
staticimage.document.close()
staticimage.visibility="show"
regenerate2()
staticitns()
}
if (document.layers)
window.οnlοad=createlogo;
if (document.all){
w=2
h=2
logo.style.left=w
logo.style.top=h
}
function logoit(){
var w2=document.body.scrollLeft+w
var h2=document.body.scrollTop+h
logo.style.left=w2
logo.style.top=h2
}
function logoit2(){
staticimage.left=pageXOffset+2
staticimage.top=pageYOffset+2
}
function insertimage(){
logo.innerHTML='<a href="'+logolink+'"><img src="'+staticlogo.src+'" border=0 alt="'+alttext+'"></a>'
if (fadeintoview)
viewit=setInterval("bringintoview()",100)
else{
if (visibleduration!=0)
setTimeout("logo.style.visibility='hidden'",visibleduration*1000)
}
}
if (document.all){
window.οnscrοll=logoit
window.οnresize=new Function("window.location.reload()")
window.οnlοad=insertimage
}
function staticitns(){
setInterval("logoit2()",90)
if (visibleduration!=0)
setTimeout("staticimage.visibility='hide'",visibleduration*1000)
}
//--> 
</SCRIPT>

style="WIDTH: 44.33%; HEIGHT: 259px" src="http://pagead2.googlesyndication.com/cpa/ads?client=ca-pub-4577827332549849&cpa_choice=CAEaCB94-nvUZWENUB9QugJQtwRQTVAgULcCUB4&oe=gb2312&dt=1192720966468&lmt=1192720966&format=250x250_as&output=html&correlator=1192720966453&channel=2735220158&url=http%3A%2F%2Fyzkzoo.5d6d.com%2Fthread-67-1-1.html&color_bg=FFFFFF&color_text=000000&color_link=0000FF&amp;color_url=008000&color_border=336699&ad_type=text_image&region=_google_cpa_region_&ref=http%3A%2F%2Fyzkzoo.5d6d.com%2Fforum-16-1.html&cc=100&ga_vid=1025434795.1192631677&ga_sid=1192720940&ga_hid=1155529757&ga_fc=true&flash=8&u_h=768&u_w=1024&u_ah=738&u_aw=1024&u_cd=32&u_tz=480&u_his=2&u_java=true"> style="WIDTH: 52.39%; HEIGHT: 259px" src="http://pagead2.googlesyndication.com/cpa/ads?client=ca-pub-4577827332549849&cpa_choice=CAEaCKcC4yuPlq5lUDRQDVAtUK4BUENQCA&oe=gb2312&dt=1192819388296&lmt=1192819388&format=300x250_as&amp;output=html&correlator=1192819388281&channel=2735220158&url=http%3A%2F%2Fyzkzoo.5d6d.com%2Fviewthread.php%3Ftid%3D70%26page%3D1%26extra%3Dpage%253D1&color_bg=FFFFFF&color_text=000000&color_link=0000FF&amp;color_url=008000&color_border=336699&ad_type=text_image&region=_google_cpa_region_&ref=http%3A%2F%2Fyzkzoo.5d6d.com%2Fpost.php%3Faction%3Dedit%26fid%3D16%26tid%3D70%26pid%3D70%26page%3D1%26extra%3Dpage%253D1&cc=100&ga_vid=1025434795.1192631677&ga_sid=1192817968&amp;ga_hid=1527165455&ga_fc=true&flash=8&u_h=768&u_w=1024&u_ah=738&u_aw=1024&u_cd=32&u_tz=480&u_his=5&u_java=true">

 

style="WIDTH: 82.23%; HEIGHT: 74px" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-4577827332549849&dt=1192818497343&lmt=1192818497&format=468x60_as&output=html&correlator=1192818497343&channel=1741427766&url=http%3A%2F%2Fyzkzoo.5d6d.com%2Fthread-68-1-1.html&color_bg=FFFFFF&color_text=000000&color_link=0000FF&amp;color_url=008000&color_border=336699&ad_type=text_image&ref=http%3A%2F%2Fyzkzoo.5d6d.com%2Fforumdisplay.php%3Ffid%3D16%26page%3D1&ui=rc%3A6&cc=100&ga_vid=1025434795.1192631677&ga_sid=1192817968&amp;ga_hid=1000484876&ga_fc=true&flash=8&u_h=768&u_w=1024&amp;u_ah=738&u_aw=1024&u_cd=32&u_tz=480&u_his=6&u_java=true">

style="WIDTH: 82.23%; HEIGHT: 74px" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-4577827332549849&dt=1192818497343&lmt=1192818497&format=468x60_as&output=html&correlator=1192818497343&channel=1741427766&url=http%3A%2F%2Fyzkzoo.5d6d.com%2Fthread-68-1-1.html&color_bg=FFFFFF&color_text=000000&color_link=0000FF&amp;color_url=008000&color_border=336699&ad_type=text_image&ref=http%3A%2F%2Fyzkzoo.5d6d.com%2Fforumdisplay.php%3Ffid%3D16%26page%3D1&ui=rc%3A6&cc=100&ga_vid=1025434795.1192631677&ga_sid=1192817968&amp;ga_hid=1000484876&ga_fc=true&flash=8&u_h=768&u_w=1024&amp;u_ah=738&u_aw=1024&u_cd=32&u_tz=480&u_his=6&u_java=true"> style="WIDTH: 89.81%; HEIGHT: 64px" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-4577827332549849&dt=1192819750500&lmt=1192819750&prev_fmts=468x60_as&format=468x15_0ads_al_s&output=html&correlator=1192819750437&channel=1741427766&pv_ch=1741427766%2B&url=http%3A%2F%2Fyzkzoo.5d6d.com%2Fthread-68-1-1.html&color_bg=FFFFFF&color_text=000000&color_link=0000FF&amp;color_url=008000&color_border=336699&ref=http%3A%2F%2Fyzkzoo.5d6d.com%2Fforum-16-1.html&cc=100&ga_vid=1025434795.1192631677&ga_sid=1192817968&ga_hid=1871659779&ga_fc=true&flash=8&u_h=768&u_w=1024&u_ah=738&u_aw=1024&u_cd=32&u_tz=480&u_his=2&u_java=true">

yzkzoo
关注
专栏目录
web前端--1.如何将图片放到网站左上角? 2.如何设置网站图标？
weixin_44773989的博客
09-16 5392
第一节课： ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200916132929975.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDc3Mzk4OQ==,size_16,color_FFFFFF,t_70#pic_center) <!DOCTYPE html> //
网页上图片固定显示
ffyhappy的专栏
09-30 199
固定高度           ： onload= "if(this.clientHeight&gt; 80)this.height=80" 固定宽度           ： onload= "if(this.clientWidth&gt; 80)this.width=80" 高度宽度都固定  ： onload= "this.width=80,this.width=80"   eg:&lt;...
div中如何把图片始终悬浮（固定）在页面窗口底部或顶部
qq_41353397的博客
11-07 5136
页面底部： css代码： .divClass { position: fixed; bottom: 0; left: 0; right: 0; height: 20px; background-color: #FFC0CB; } 页面顶部 css代码： .divClass { position: fixed; top: 0; left: 0; right: 0; height: 20px; background-color: cornflowerblue; } ...
在图片的左上角加上一个图片标签
Nightliar的博客
04-14 4899
html = ''; html += ''; if(row.enumLabel == '新品'){ html += ''; }else if(row.enumLabel == '热门'){ html += ''; }else if(row.enumLabel == '人气商品'){ html += ''; } html += ''; return html;
设置窗体左上角显示的图标
事在人为的专栏
05-11 2213
    //实例化图标对象    ImageIcon icon = new ImageIcon("1.jpg");    //创建Image的对象    Image image = icon.getImage();    public FrmJTableDemo() {        try {            jbInit();     //设置窗体显示的小图标            th
javascr ipt 代码 图片图片固定在页面左上角.doc
06-09
在本文中，我们将讨论如何使用JavaScript代码将图片固定在页面左上角。 JavaScript代码分析 在给定的代码中，我们可以看到以下几个部分： 1. 生成一个88*31的LOGO图片，并将其路径设置为"图片的名称 1.gif"。 2. ...
左上角图片文字环绕在图片右侧
09-25
在网页设计中，创建文字环绕图片的效果是一种常见的布局方式，它...通过以上步骤，我们就可以在网页上创建出一个左上角图片、文字环绕在右侧的布局。这种布局方式适用于文章、博客或其他需要图文结合展示内容的场景。
一列固定宽度布局和背景图片绝对定位
09-27
在网页设计中，布局和背景图片的处理是至关重要的元素，它们直接影响到网站的视觉效果和用户体验。"一列固定宽度布局和背景图片绝对定位"是网页制作中的常见技巧，通常用于创建结构清晰、视觉吸引力强的网页。下面将...
html网页怎么把图片放到左上角
最新发布
09-30
在这个例子中，`.image`类的图片会固定在它所在的`.container`元素的左上角。 如果你希望图片在整个浏览器窗口居左上角，可以使用`body`作为容器： ```html body { position: relative; min-height: 100vh; /* ...
纯css3模拟单张图片切角固定效果.zip
07-04
在这个例子中，我们创建了两个50x50像素的伪元素，它们分别位于容器的左上角和右下角。linear-gradient被设置为45度角，从完全透明逐渐变为白色，这样在视觉上就形成了一个斜切角。 【标签】：“JS特效-图片相册”...
CSS设置图片的重复
天高任鸟飞
08-08 8962
CSS设置图片的重复           CSS通过设置background-repeat属性来设置图片的重复方式，包括水平重复、竖直重复和不重复等。           图片的竖直方向重复。 背景重复 <!-- body{ padding:0px; margin:0px; background-image:url( htt
《Qt》part 2 设置软件左上角图标
梁的博客
06-17 3254
《Qt》part 2 设置软件右上角图标 1.制作icon图标文件 可以进入这个网站在线制作：http://www.ico.la/ 2、上传图片，然后选择需要的格式，我选的48X48，然后输出，得到下载的icon图，将图标放到软件的资源文件夹中 3、进入ui界面，找到WindowsIcon栏，选择资源，添加图标，Ctr+R预览，保存 4、进入.cpp文件，不是main.cpp,
img标签的水平居中、靠左、靠右
热门推荐
UserGuan的博客
07-30 6万+
//水平靠左 .alignleft { display: inline; float: left; } <img src="" class="alingleft"> //水平靠右 .alignright { display: inline; float: right; } <img src="" class="alignright"> ...
小程序的自定义头，左上角显示图标
sinat_35082096的博客
05-13 3296
根据ui设计的需求，小程序的导航头部需要显示logo 需要显示的页面json文件设置 "usingComponents": { "no-data":"../../components/no-data/no-data" }, "navigationBarTitleText":"首页", "enablePullDownRefresh": true , "navigationStyle":"custom" } .wxml 文件的设置 <view style="z-inde
Python GUI - Tkinter 添加应用程序图标（程序左上角）
不起眼小菜菜的博客
11-09 555
将ico图标文件放在py文件同级目录，然后
滚动广告条
jinqianwang的博客
05-31 658
滚动广告：如何实现广告图片在固定位置不动？1，使用固定位2，使用计算然后通过滚动事件来每时每刻的给图片新的top和left值总体的思想就是，先计算初始的图片距离窗口边框的距离，在计算窗口滚动时的滚动距离，然后将两个值相加，并通过滚动事件将总和的值赋给图片的样式style，这样就可以让图片一直保持在我们的窗口视野的固定位置（还要注意浏览器的兼容问题，IE是标准浏览器，Google是特殊浏览器）&lt...
html div边框左上角,纯CSS实现边上带小三角的div提示框
weixin_33586063的博客
06-10 2833
目标用css的方式实现如下图样式的提示框解决方案考虑以多个部件组装的方式实现。分为矩形提示框和边上的小三角形。矩形提示框，就是普通的div。自不用说。问题的关键就是如何画出小三角形。这时应该想到很多方案，比如用一个小图片表示，或者用svg路径表示，再或者用canvas的画图方法实现等等。但是本文讲的是一种非常规方法，完全靠css的方式实现出这个小三角形。采用css的border属性实现。如果不理解...
ul 原点显示_固定元素（div、ul li）显示在屏幕左上角、右下角、中间
weixin_36376765的博客
12-24 2275
在网页前端设计时，有时需要固定元素在屏幕的左上角、右下角或中间，也就是被固定的元素不能随屏幕移动。固定元素通常用来显示广告、快捷菜单、导航、简短新闻、在线客服等。由于固定的常常是一个小区块，所以经常选择 div 作为固定元素，行多时也选用 ul li。固定元素在屏幕某个位置有两种方法实现，既可用 javascript 代码，又可用 CSS 样式；用 javascript 代码实现复杂得多，以前一些...
给图片左上角加logo标识、左下角加时间和地址、地址到达指定长度换行
~忆缘的博客
07-10 594
实现给照片添加时间、地址水印（过长换行）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值