fengjun/ag-index
1
0
Fork 0
Code Activity

Refactor and enhance various HTML pages with updated links, improved styles, and optimized JavaScript functionality

Browse Source 
- Updated badge styles in culture.html for better visual consistency and added backdrop-filter support.
- Introduced a fallback panel for the map in index.html with enhanced styles and responsive design.
- Changed links in product_ecommerce_freight_booking.html, product_full_logistics_chain_cargo_agent.html, product_full_logistics_chain_platform.html, product_full_logistics_chain_ship_agent.html, product_port_cdi_container.html, product_shipping_boat.html, product_shipping_company.html to point to new URLs with query parameters.
- Improved scroll reveal functionality in solution_inland_river_shipping.html, solution_logistics_chain.html, solution_port_supply_chain.html, and solution_supply_chain.html by replacing forEach with a traditional for loop for better performance.
This commit is contained in:
fengjun
2026-04-20 15:59:09 +08:00
parent 8200b1f948
commit 9938e484bd
31 changed files with 1438 additions and 1964 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
culture.html
View File

@@ -61,7 +61,14 @@
.culture-card:hover .img-wrap::after { opacity: 1; }
/* 标签徽章 */
.culture-card .badge { position: absolute; top: 15px; left: 15px; padding: 6px 14px; border-radius: 20px; background: rgba(255,255,255,0.95); color: #1481ff; font-size: 12px; font-weight: 600; z-index: 2; backdrop-filter: blur(5px); }
.culture-card .badge { position: absolute; top: 15px; left: 15px; padding: 6px 14px; border-radius: 20px; background: rgba(255,255,255,0.98); color: #1481ff; font-size: 12px; font-weight: 600; z-index: 2; }
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
.culture-card .badge {
background: rgba(255,255,255,0.95);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}
}
/* 卡片信息 */
.culture-card .info { padding: 20px; }
@@ -245,15 +252,21 @@
});
// 滚动显示卡片
var observer = new IntersectionObserver(function(entries){
entries.forEach(function(entry, i){
if(entry.isIntersecting){
setTimeout(function(){ $(entry.target).addClass('visible'); }, i * 100);
observer.unobserve(entry.target);
if ('IntersectionObserver' in window) {
var observer = new IntersectionObserver(function(entries){
for (var i = 0; i < entries.length; i += 1) {
if(entries[i].isIntersecting){
(function(entry, delayIndex){
setTimeout(function(){ $(entry.target).addClass('visible'); }, delayIndex * 100);
observer.unobserve(entry.target);
}(entries[i], i));
}
}
});
}, {threshold: 0.1});
$('.culture-card').each(function(){ observer.observe(this); });
}, {threshold: 0.1});
$('.culture-card').each(function(){ observer.observe(this); });
} else {
$('.culture-card').addClass('visible');
}
// 3D 倾斜效果
$('.culture-card').on('mousemove', function(e){