Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 特黄aaaaa日本大片免费看,99精品在免费线视频,一二三四社区在线视频观看 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務商
          
				
          電腦端+手機端+微信端=數據同步管理
          
			
          
			
          				
				
          免費咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          回到頁面指定位置的三種方式
          
        
           
          
	
	
          
		
                        
           標簽
          首先放出html
          <body>
           <contain class="test1">
           <a name="topAnchor"></a>
           <div id="top">我是頂部</div>
           <div></div>
           <div></div>
           <div></div>
           <div></div>
           <div></div>
           </contain>
           <footer>
           <button id="backTop1">第一種方式回到頂部</button>
           <button id="backTop2">第二種方式回到頂部</button>
           <button id="backTop3">第三種方式回到頂部</button>
           </footer>
          </body>
          然后具體操作步驟如下
          1. 將a標簽放到指定元素的附近
          2. 然后通過點擊事件生成 a 標簽
          3. 觸發a標簽事件
          4. 刪除a標簽
           const backTop1 = document.getElementById("backTop1")

           backTop1.addEventListener("click", function (e) {
           let a = document.createElement("a")
           a.href = "#topAnchor"
           e.target.appendChild(a)
           a.onclick = function (e) {
           e.stopPropagation()
           }
           a.click()
           e.target.removeChild(a)
           })
          效果如下圖所示
          效果很明顯，在事件觸發之后，頁面立馬跑到的頂部，在交互性沒啥要求的時候，這種做法確實沒啥問題，不過要求高了之后就不行了，會顯得有些突兀。
          scrollTo()
          此 api 需要傳遞 DOM元素相對于window的 left 和 top 的距離，此例子僅展示簡單demo，只考慮 top 坐標
          當然它還有一個 behavior 參數，將其設置為 smooth 后，將會出現滑動效果 步驟如下：
          1. 計算目標元素距離頂部的距離
          2. 通過事件觸發
          代碼如下：
           const backTop2 = document.getElementById("backTop2")
           const TOP = document.getElementById("top")
           const y = TOP.offsetTop
           const backTop3 = document.getElementById("backTop3")
           backTop3.addEventListener("click", function (e) {
           window.scrollTo({ top: y, left: 0, behavior: 'smooth' })
           })
          效果如下圖所示
          從效果上來看，相較于a標簽，該api支持動畫，使得頁面更絲滑
          Element.scrollIntoView()
          該 api 相較于上一個，節點信息更加的明確，操作方法也更加的簡潔，更利于后續的維護
          代碼如下
           const backTop2 = document.getElementById("backTop2")
           const TOP = document.getElementById("top")
           backTop2.addEventListener("click", function (e) {
           TOP.scrollIntoView({ behavior: "smooth" })
           })
          效果如下圖所示 
          從效果上來看，該api和scrollTo的作用是一致的，但是從代碼結構上來說，scrollIntoView會更加的簡潔
          以上三種方法是我目前比較常用的，如有不同之處，還望諸君不吝賜教！

          作者：pengpeng
          鏈接：https://juejin.cn/post/6906142651121139719
          來源：掘金
          著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。
          家好，我是江湖哥，今天分享html教程入門級的部分,大神請繞道，小白請點贊，哈哈，言歸正傳：
          Html教程：a標簽
          知識要點：
          1. a標簽的概念
          2. a標簽屬性


          一：什么是a標簽？
          a標簽的作用：就是用于控制頁面與頁面之間的跳轉的
          a標簽的格式：<a href="指定要跳轉的目標界面的鏈接">需要展示給用戶看見的內容</a>
          <a href="https://www.toutiao.com/">江湖哥博客</a>
          二：a標簽的屬性
          a標簽中有一個target屬性，這個屬性的作用就是專門用于控制如何跳轉
          值
          描述
          _blank
          于在新的選項卡中跳轉，也就是新建頁面跳轉
          _self
          默認。在當前選項卡中打開被鏈接文檔，也就是不新建頁面跳轉
          _parent
          在父框架集中打開被鏈接文檔。
          _top
          在整個窗口中打開被鏈接文檔。
          framename
          在指定的框架中打開被鏈接文檔。
          <a href="https://www.toutiao.com/">可見內容</a>
<a href="https://www.toutiao.com/" target=”_blank”>江湖可見博客</a>
          a標簽中還有一個屬性，叫做title，a標簽中的title和img標簽中title一樣，都是用來控制鼠標懸停時顯示的提示文本內容的
          <a href="https://www.toutiao.com/" target="_blank" title="點擊會跳轉到可見博客首頁">可見</a>
          設置 target 屬性時， top 與 parent 的打開方式十分類似，需仔細區分。
          比如網 A 中鑲嵌了 iframe 網頁 B，網頁 B 又鑲嵌了 iframe 網頁C。
          · 如果網頁 C 中連接設置 target=_parent，則跳轉到網頁 B 去掉直接在 A 中嵌入網頁 C 中鏈接頁面。
          · 如果網頁 C 中 target=_top ，則直接跳出所有 iframe 框架，直接轉向 C 中鏈接頁面

          注意點：
          1.a標簽不僅可以讓文字可以點擊，還可以讓圖片也能夠被點擊。
          2.一個a標簽必須有一個href屬性，否則a標簽不知道要跳轉到什么地方
          3.如果通過a標簽的href屬性指定一個URL地址，那么必須在地址前面加上http://或https://。
          4.a標簽的href屬性除了可以綁定一個網絡地址以外，還可以指定一個本地的地址

          <!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>a標簽的使用</title>
</head>
<body>
		<a name="top"></a>
		<a href="https://www.toutiao.com/">a是控制界面也頁面的跳轉</a><br><br>
		<a href="https://www.toutiao.com/" target="_blank">跳轉到新窗口打開</a><br><br>

		<a href="#name1">錨點跳轉1</a>&nssp;&nssp;&nssp;<a href="#name2">錨點跳轉2</a>


		<br><br><br><br><br><br><br><br><br><br>
		<br><br><br><br><br>
		<br><br><br><br><br>
		<br><br><br><br><br>
		<br><br><br><br><br>
		<br><br><br><br><br>
		<br><br><br><br><br>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

		這是一個錨點跳轉文字1 <a name="name1"></a>   <a href="#top">返回頂部</a>

	<br><br><br><br><br><br><br><br><br><br>
		<br><br><br><br><br>
		<br><br><br><br><br>
		<br><br><br><br><br>
		<br><br><br><br><br>
		<br><br><br><br><br>
		<br><br><br><br><br>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

		這是一個錨點跳轉文字2 <a name="name2"></a>   <a href="#top">返回頂部</a>
</body>
</html>
          關注我，點擊下面鏈接，即可看視頻
          大家介紹如何通過 JS/CSS 實現網頁返回頂部效果。
          CSS 按鈕樣式：
          #myBtn {
           display: none; /* 默認隱藏 */
           position: fixed; 
           bottom: 20px; 
           right: 30px; 
           z-index: 99; 
           border: none;
           outline: none; 
           background-color: red; /* 設置背景顏色，你可以設置自己想要的顏色或圖片 */
           color: white; /* 文本顏色 */
           cursor: pointer; 
           padding: 15px; 
           border-radius: 10px; /* 圓角 */
          }
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
国产伦精品一区二区三区精品|
亚洲人成网站18禁止一区|
国产激情一区二区三区四区
|
国产福利酱国产一区二区
|
国产一区二区好的精华液|
亚洲爆乳精品无码一区二区三区|
国产成人精品一区二三区|
中文字幕av日韩精品一区二区|
无码人妻久久一区二区三区|
波多野结衣免费一区视频|
一区二区三区视频网站|
日本精品一区二区三区视频|
亚洲熟妇无码一区二区三区|
国产高清一区二区三区|
亚洲美女一区二区三区|
无码国产精品一区二区免费3p|
国产成人无码一区二区三区在线|
国产福利电影一区二区三区久久老子无码午夜伦不
|
精品人妻一区二区三区四区|
国模无码一区二区三区|
正在播放国产一区|
午夜视频在线观看一区二区|
亚洲av成人一区二区三区观看在线
|
男人的天堂av亚洲一区2区|
最新欧美精品一区二区三区
|
国产品无码一区二区三区在线蜜桃|
亚洲福利视频一区二区|
国模无码一区二区三区不卡|
国产av天堂一区二区三区|
国产一区二区三区久久|
文中字幕一区二区三区视频播放|
亚洲AV美女一区二区三区|
精品国产伦一区二区三区在线观看|
国产乱码一区二区三区|
免费高清在线影片一区|
一区二区三区午夜|
午夜福利一区二区三区高清视频
|
成人区精品一区二区不卡|
久久se精品一区二区国产
|
亚洲一区在线视频|
另类ts人妖一区二区三区|