jquery-动态设置ullia链接目标

作者：lantshirt | 来源：互联网 | 2023-09-10 14:07

概述:先上我的布局图:ul中的每一个li里面包含着一个a超链接,可以猜想到,我想没点击ul->li里面每个a,链接到不同的页面,在这里,我用iframe完成.html主要代码为

概述:

　　先上我的布局图:

　　ul中的每一个li里面包含着一个'a'超链接,可以猜想到,我想没点击ul->li里面每个a,链接到不同的页面,在这里,我用iframe完成.

html主要代码为:

 1 <div class="warp">
 2     <div class="title">
 3         <ul id="fengcai_title">
 4             <li><a href="#">教师的风采1a>li>
 5             <li><a href="#">教师的风采2a>li>
 6             <li><a href="#">教师的风采3a>li>
 7         ul>
 8     div>
 9     <div class="content">
10         <iframe  scrolling="auto" target="_parent" id="content_frame" src="content/tar.html"> iframe>
11 div>

　　然后下载相关的jquery库,完整的jquery代码为:

　　其中,页面文件统一放在'content'目录中,页面的文件名和 a中的文字相对应.可以在 body的onload事件中调用该dd()函数.

推荐阅读

list
掌握 IScroll 技巧：实现流畅的上拉加载与下拉刷新功能

本文介绍了如何通过掌握 IScroll 技巧来实现流畅的上拉加载和下拉刷新功能。首先，需要按正确的顺序引入相关文件：1. Zepto；2. iScroll.js；3. scroll-probe.js。此外，还提供了完整的代码示例，可在 GitHub 仓库中查看。通过这些步骤，开发者可以轻松实现高效、流畅的滚动效果，提升用户体验。 ... [详细]

蜡笔小新 2024-10-31 17:28:44
string
Cookie学习小结

Cookie学习小结 ... [详细]

蜡笔小新 2024-11-14 16:26:25
string
Native与HTML5交互基础教程

本文将介绍如何在混合开发（Hybrid）应用中实现Native与HTML5的交互，包括基本概念、学习目标以及具体的实现步骤。 ... [详细]

蜡笔小新 2024-11-14 12:33:11
list
SoundPool

如果应用程序经常播放密集、急促而又短暂的音效（如游戏音效）那么使用MediaPlayer显得有些不太适合了。因为MediaPlayer存在如下缺点：1)延时时间较长，且资源占用率高 ... [详细]

蜡笔小新 2024-11-13 16:47:19
list
Python 数据库操作指南：MySQL 与 Redis 实战技巧

本文详细介绍了使用 Python 进行 MySQL 和 Redis 数据库操作的实战技巧。首先，针对 MySQL 数据库，通过 `pymysql` 模块展示了如何连接和操作数据库，包括建立连接、执行查询和更新等常见操作。接着，文章深入探讨了 Redis 的基本命令和高级功能，如键值存储、列表操作和事务处理。此外，还提供了多个实际案例，帮助读者更好地理解和应用这些技术。 ... [详细]

蜡笔小新 2024-11-07 12:55:01
list
优化后的标题：HTML框架集（FRAMESET）的深入解析与应用实例

本文深入解析了HTML框架集（FRAMESET）的使用方法及其应用场景。首先介绍了几个关键概念，如如何通过FRAMESET标签将主视图划分为多个独立的区域，每个区域可以加载不同的HTML文件。此外，还详细探讨了FRAMESET在实际开发中的优缺点，并提供了具体的实例代码，帮助开发者更好地理解和应用这一技术。 ... [详细]

蜡笔小新 2024-11-07 12:38:37
list
JavaScript面部交换代码及实现方法

本文详细介绍了如何使用JavaScript实现面部交换功能，包括基本原理和具体实现步骤。 ... [详细]

蜡笔小新 2024-11-14 15:54:06
list
C语言编程文本编辑器：最佳选择与专业推荐

在探讨C语言编程文本编辑器的最佳选择与专业推荐时，本文将引导读者构建一个基础的文本编辑器程序。该程序不仅能够打开并显示文本文件的内容及其路径，还集成了菜单和工具栏功能，为用户提供更加便捷的操作体验。通过本案例的学习，读者可以深入了解文本编辑器的核心实现机制。 ... [详细]

蜡笔小新 2024-11-02 16:24:54
string
深入解析 Vue/React 组件库中 5 个开发者鲜为人知的秘密武器

这篇文章将揭示 Vue 和 React 组件库中五个鲜为人知的强大工具。这些工具均以纯 JavaScript 实现，功能卓越。其中，async-validator 是一个数据验证插件，不仅预置了 URL 和电子邮件的验证规则，还支持异步验证功能。 ... [详细]

蜡笔小新 2024-10-28 14:39:26
string
Java 15 发布，带来多项重要更新！

2020年9月15日，Oracle正式发布了最新的JDK 15版本。本次更新带来了许多新特性，包括隐藏类、EdDSA签名算法、模式匹配、记录类、封闭类和文本块等。 ... [详细]

蜡笔小新 2024-11-14 12:11:09
list
C#实现文件的压缩与解压

2019独角兽企业重金招聘Python工程师标准一、准备工作1、下载ICSharpCode.SharpZipLib.dll文件2、项目中引用这个dll二、文件压缩与解压共用类 ... [详细]

蜡笔小新 2024-11-14 10:37:34
string
深入探讨ASP.NET 2.0中的Callback机制及其应用

本文详细解析了ASP.NET 2.0中的Callback机制，不仅介绍了基本的使用方法，还深入探讨了其背后的实现原理。通过对比Atlas框架，帮助读者更好地理解和应用这一机制。 ... [详细]

蜡笔小新 2024-11-14 10:03:15
header
为什么多数程序员难以成为架构师？

探讨80%的程序员为何难以晋升为架构师，涉及技术深度、经验积累和综合能力等方面。本文将详细解析Tomcat的配置和服务组件，帮助读者理解其内部机制。 ... [详细]

蜡笔小新 2024-11-14 03:39:46
int
ASP.NET 中操作 Excel 的常见方法和属性

本文介绍了如何在 ASP.NET 中设置 Excel 单元格格式为文本，获取多个单元格区域并作为表头，以及进行单元格合并、赋值、格式设置等操作。 ... [详细]

蜡笔小新 2024-11-13 19:46:18
ip
利用JavaScript实现图片懒加载的高效方法

本文详细介绍了利用JavaScript实现图片懒加载的有效方法。通过监听窗口的加载和调整事件，可以显著提升网页性能和用户体验。具体实现包括在 `window.onload`、`window.onresize` 和 `window.onscroll` 事件中动态加载图片，确保只有当图片进入可视区域时才进行加载，从而减少初始加载时间并提高页面响应速度。此外，还提供了一些优化技巧，如使用 Intersection Observer API 来进一步简化代码和提升效率。 ... [详细]

蜡笔小新 2024-11-01 13:49:47