您现在的位置是:首页 > cms教程 > DedeCMS教程DedeCMS教程

织梦模板怎么实现快速返回页面顶部或指定位置的方法

雁卉2023-10-05DedeCMS教程已有人查阅

导读dede织梦模板制作其实有许多时候都要用到js,比如我们今天想要说的这个功能——点击按钮返回页面顶部以及标签切换高效,都是要用到简单的js语句

dede织梦模板制作其实有许多时候都要用到js,比如我们今天想要说的这个功能——点击按钮返回页面顶部以及标签切换高效,都是要用到简单的js语句,下面让我们一起研究一下吧
首先看一下这句代码:
<a href="javascript:scroll(0,0)" title="返回顶部"></a>
这里使用了一个函数scroll(x,y),很明显,scroll(0,0)就是滚动到页面最顶部。
这是点击按钮返回页面顶部,那么,如果我想点击一个链接跳转到某一个指定位置,该怎么做呢?这个也很简单,看这个:
首先,选择好要调跳到的位置,为这个容器定义一个id,比如
<a id= "#here ">第三章</a>
然后,把被点击的链接的href设置成这个id的名字,比如
<a href= "#end " title="第三章"> 跳转到第三章</a>
这样的,点击第二个链接,就会调到
<a id= "#here ">第三章</a>
标签所在位置。
好了,明白了这些,网页中一些简单的js跳转就不在话下了。所以通过这样的讲解就能很好的让我们了解在dede织梦模板中有些小小的奥秘,呵呵。

本文标签:

很赞哦! ()

相关源码

  • (自适应)大型农业机械设备水稻玉米收割机网站pbootcms源码下载本模板基于PbootCMS内核开发,为农业机械设备制造与销售企业设计,特别适合水稻玉米收割机、拖拉机、播种机等农用机械展示。模板充分考虑了农机行业的特性,从产品展示到技术参数,从作业案例到售后服务查看源码
  • html5响应式pbootcms模板新闻资讯博客网站源码该模板采用PbootCMS内核开发,专为新闻资讯类网站打造,同时具备高度行业适配性--只需替换图文内容即可快速转型为企业官网、行业门户等各类站点。查看源码
  • (PC+WAP)蓝色自动电动闸门伸缩门类网站pbootcms模板下载为电动闸门、自动伸缩门企业设计的响应式网站模板,突出产品展示与技术优势,助力门控设备企业建立专业数字化形象。手工编写DIV+CSS结构,代码精简高效,无冗余代码干扰,加载速度更快。查看源码
  • 响应式pbootcms模板新闻资讯博客自媒体门户网站行业通用解决方案为新闻资讯、自媒体博客打造的响应式网站模板,同时支持企业门户、行业资讯等多场景快速适配。通过简单的图文替换即可实现跨行业转型,显著降低建站成本。查看源码
  • (PC+WAP)餐饮奶茶美食小吃招商加盟pbootcms模板源码下载为茶饮烘焙、小吃快餐等餐饮品牌打造的招商加盟系统,助力品牌快速拓展市场;双端pc+wap设计呈现加盟政策对比表。支持后台实时更新菜品图片、加盟费用等关键信息。查看源码
  • 帝国CMS7.5手游资讯下载综合门户免费网站模板本模板基于帝国CMS7.5内核开发,为手游打造的综合门户网站解决方案。模板设计充分考虑了手业的特性,包含游戏资讯发布、手游下载、礼包发放、开测信息等核心功能模块,满足手游门户网站的各项业务需求。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐